javascript中数组array及string的方法总结

JavaScript中数组(Array)及字符串(String)方法总结

在JavaScript中,数组以及字符串是非常重要的数据结构,同时也拥有很多的内置方法可以简化我们的开发流程。接下来将带你了解这些方法。

字符串(String)方法

1. indexOf

返回某个指定的子字符串在字符串中第一次出现的位置。

const str = "Hello, world!";
const index = str.indexOf("l"); // index = 2

2. includes

判断一个字符串是否包含在另一个字符串中,返回布尔值。

const str = "Hello, world!";
const result = str.includes("world"); // result = true

3. toLowerCase/toUpperCase

将一个字符串转化为全小写或者全大写。

const str = "Hello, world!";
const lowerCaseStr = str.toLowerCase(); // lowerCaseStr = "hello, world!"
const upperCaseStr = str.toUpperCase(); // upperCaseStr = "HELLO, WORLD!"

4. split

将一个字符串根据指定的分隔符拆分成数组。

const str = "Hello,world!";
const arr = str.split(","); // arr = ["Hello", "world!"]

数组(Array)方法

1. push/pop

在数组的末尾添加/删除一个元素。

const arr = [1, 2, 3];
arr.push(4); // arr = [1, 2, 3, 4]
arr.pop(); // arr = [1, 2, 3]

2. shift/unshift

在数组的开头添加/删除一个元素。

const arr = [1, 2, 3];
arr.unshift(0); // arr = [0, 1, 2, 3]
arr.shift(); // arr = [1, 2, 3]

3. slice

截取一个数组的一部分,返回一个新的数组,原数组不变。

const arr = [1, 2, 3, 4, 5];
const newArr = arr.slice(2, 4); // newArr = [3, 4], arr = [1, 2, 3, 4, 5]

4. map

将数组的每个元素执行一个回调函数,并返回一个新的数组。

const arr = [1, 2, 3];
const newArr = arr.map(item => item * 2); // newArr = [2, 4, 6]

以上仅为数组和字符串中常用方法的一小部分。在实际开发中,可以根据需要灵活运用。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript中数组array及string的方法总结 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • JS实现动态生成html table表格的方法分析

    下面是详细的讲解: 简介 HTML table是用来展示网页数据的一种常用的视觉元素。通常,web程序员会手写HTML代码来创建一个table元素,但是对于动态生成表格,使用JavaScript来操作DOM可能会更加简单。本文将讲解如何通过JavaScript来实现动态生成HTML table表格。 实现过程 1. 生成表格内容的数据 我们需要先生成一个包含…

    JavaScript 2023年6月10日
    00
  • vue常用组件之confirm用法及说明

    Vue常用组件之confirm用法及说明 介绍 confirm组件是Vue中常用的弹窗组件,类似于浏览器内置的confirm函数,它可以方便地呈现一个确认框。该组件由Vuetify提供,它是一个基于Material Design规范的Vue UI库。 安装与使用 你可以使用npm或yarn来安装该组件: npm install vuetify –save …

    JavaScript 2023年6月11日
    00
  • 设置cookie指定时间失效(实例代码)

    设置 cookie 失效时间是保持 Web 应用程序状态的关键技术之一。下面是如何在 PHP 中设置指定时间失效的 cookie 的完整攻略: 步骤 1:创建 cookie 要在 PHP 中设置 cookie,可以使用 setcookie() 函数。该函数的语法如下: setcookie(name, value, expire, path, domain, …

    JavaScript 2023年6月11日
    00
  • javascript之Partial Application学习

    JavaScript之Partial Application学习 在JavaScript中,我们经常需要使用函数来处理数据。在函数式编程中,函数通常被看作是一种“一等公民”,也就是说,函数可以像其他数据类型一样被传递、存储和操作。Partial Application是函数式编程中很重要的概念之一,本篇攻略将全面介绍Partial Application的相…

    JavaScript 2023年5月28日
    00
  • JSON 入门教程基础篇 json入门学习笔记

    JSON 入门教程基础篇 json入门学习笔记 本文主要介绍JSON的基础知识,包括JSON是什么、JSON的语法格式、如何解析JSON数据等,读者可以通过本文学习到JSON的基础知识并能够进行简单的JSON数据解析。 什么是JSON JSON全称为JavaScript Object Notation,它是一种轻量级的数据交换格式。JSON以纯文本的形式表示…

    JavaScript 2023年5月27日
    00
  • JS统计Flash被网友点击过的代码

    要统计Flash被网友点击过的次数,需要使用JavaScript监听Flash的点击事件并发送统计数据。以下是完整攻略: 步骤一:检测Flash是否存在 在HTML页面中,使用 object 或 embed 标签嵌入Flash对象,需要先判断Flash是否存在。 <div id="flashContainer"> <ob…

    JavaScript 2023年6月11日
    00
  • Javascript Math LN10 属性

    JavaScript中的Math.LN10属性是一个常数,表示自然对数中10的对数。以下是关于Math.LN10属性的完整攻略,包括两个示例。 JavaScript Math对象的LN10属性 JavaScript Math对象中的LN10属性是一个常数,表示自然对数中10的对数。 下面是LN10属性语法: Math.LN10 下面是一个LN10属性的示例:…

    JavaScript 2023年5月11日
    00
  • JavaScript中数组继承的简单示例

    针对“JavaScript中数组继承的简单示例”,我会进行详细的讲解。下面是完整攻略: 什么是数组继承? 在JavaScript中,继承(Inheritance)是一种常见的面向对象编程(OOP)技术。继承能够让一个对象继承另一个对象的属性和方法,使代码更具有可重用性,从而减少重复代码的编写。 数组也是JavaScript中的一个重要的数据类型,继承在数组中…

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部