数组和字符串的常用使用方法

本文主要介绍了数组和字符串的常用操作方法,包括数组的push、pop、unshift、shift等方法,以及字符串的indexOf、lastIndexOf、length、toLowerCase等方法,帮助理解这两种数据类型的基本操作。
一、数组的常用使用方法

  1. push() 在数组的末尾位置添加元素

  1. pop() 在数组的最后一个位置删除元素

  1. unshift() 在数组的第一个位置添加元素

  1. shift() 在数组的第一个位置删除元素

  1. sort() 以ASSIC码排序数组元素

  1. reverse() 倒序数组

  1. slice(start,end) 截取数组,不包括结束下标的元素

  1. splice() 删除/添加数组中指定位置的元素

  1. join() 分割数组并转变成字符串

  1. find() 找数组的元素,找到返回true,否则undefined

  1. findIndex() 找到返回下标,找不到返回-1

  1. indexOf() 查找元素,找到返回下标,否则返回-1

  1. includes() 查找元素,返回true或者false

  1. map() 参数为回调函数,遍历返回新数组

  1. forEach() 遍历数组

  1. filter() 过滤方法

  1. every() 全部满足返回true

  1. some() 存在满足返回true

  1. lastIndexOf() 查找方法

  1. reduce() 参数为回调函数,四个参数(前一个,当前,下标,数组)

  1. reduceRight() 参数为回调函数

  1. concat() 合并数组

二、字符串的常用使用方法

1、lastIndexOf() 该方法可返回一个指定的字符串值最后出现的位置

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

3、length 返回字符串的长度。

4、toLowerCase() 把字符串转为小写,返回新的字符串

5、toUpperCase() 把字符串转为大写,返回新的字符串。

6、 charAt()返回指定下标位置的字符

7、charCodeAt() 返回字符串中指定索引的字符 unicode 编码,这个返回值是 0 - 65535 之间的整数。

8、search() 执行一个正则表达式匹配查找。如果查找成功,返回字符串中匹配的索引值。否则返回 -1 .

9、replace() 在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

10、concat() 将两个或多个字符的文本组合起来,返回一个新的字符串。

11、match() 返回所有查找的关键字内容的数组

12、trim() 删除字符串两端的空白符。

13、slice() 返回字符串中提取的子字符串。

14、substring() 提取字符串中介于两个指定下标之间的字符。

15、substr() 返回从指定下标开始指定长度的的子字符串。

16、split() 把字符串分割成字符串数组.

17、startsWith() 如果在字符串的起始部分检测到指定文本则返回true,否则返回false。

18、endsWith() 如果在字符串的结束部分检测到指定文本则返回true,否则返回false。

在 JavaScript 中,数组字符串是两种非常常用的数据类型,它们各自拥有一系列操作方法。以下是关于数组字符串常用方法总结。 ### 数组常用方法 数组方法通常会修改原始数组或者返回新的数组结果。以下是一些常见的数组方法: - **sort()**:用于对数组的元素进行排序。默认情况下,`sort()` 会将元素转换为字符串并按字母顺序排序。如果需要按照数值大小排序,则必须提供一个比较函数作为参数。例如: ```javascript const numbers = [10, 2, 8]; numbers.sort((a, b) => a - b); // 排序后得到 [2, 8, 10] ``` 这种排序方式会根据比较函数的结果来决定元素的位置,从而实现升序或降序排列[^1]。 - **slice(start, end)**:返回一个新的数组,包含从 `start` 到 `end`(不包括 `end`)的元素。 ```javascript const fruits = ['apple', 'banana', 'cherry']; const citrus = fruits.slice(0, 2); // 返回 ['apple', 'banana'] ``` - **splice(index, howMany, [element1][, ...])**:可以用来删除或添加数组中的元素。此方法会修改原始数组。 ```javascript const colors = ['red', 'green', 'blue']; colors.splice(1, 0, 'yellow'); // 在索引1处插入'yellow' ``` - **map(callback)**:创建一个新数组,其结果是对原数组中每个元素应用一次提供的函数后的结果。 ```javascript const squares = [1, 2, 3].map(x => x * x); // 得到 [1, 4, 9] ``` - **filter(callback)**:创建一个新数组,包含所有通过测试的元素。 ```javascript const evenNumbers = [1, 2, 3, 4].filter(n => n % 2 === 0); // 得到 [2, 4] ``` - **reduce(callback, initialValue)**:对数组中的每个元素执行一个由您提供的 reducer 函数(从左到右),最终得到一个单一的输出值。 ```javascript const sum = [1, 2, 3].reduce((acc, curr) => acc + curr, 0); // 得到 6 ``` ### 字符串常用方法数组不同的是,字符串方法不会修改原始字符串,而是返回一个新的字符串。 - **slice(start, end)**:类似于数组的 `slice` 方法,返回指定范围内的子字符串。 ```javascript const str = 'Hello world'; const subStr = str.slice(0, 5); // 返回 'Hello' ``` - **substring(start, end)**:与 `slice` 类似,但是它不接受负数参数。 ```javascript const subStr = str.substring(0, 5); // 返回 'Hello' ``` - **indexOf(searchValue, fromIndex)**:查找子字符串的位置,如果找不到则返回 `-1`。 ```javascript const index = str.indexOf('world'); // 返回 6 ``` - **includes(searchString)**:检查是否包含某个子字符串,返回布尔值。 ```javascript const hasWorld = str.includes('world'); // 返回 true ``` - **split(separator, limit)**:按照分隔符分割字符串,并返回一个数组。 ```javascript const words = str.split(' '); // 返回 ['Hello', 'world'] ``` - **replace(old, new)**:替换第一个匹配项,支持正则表达式。 ```javascript const newStr = str.replace('world', 'JavaScript'); // 返回 'Hello JavaScript' ``` - **toUpperCase()** **toLowerCase()**:分别将字符串转换为全大写或全小写形式。 ```javascript const upperStr = str.toUpperCase(); // 返回 'HELLO WORLD' ``` - **trim()**:去除字符串两端的空白字符。 ```javascript const trimmedStr = ' Hello world! '.trim(); // 返回 'Hello world!' ``` 这些方法只是冰山一角,但它们构成了处理数组字符串的基础工具集。了解这些方法可以帮助开发者更有效地操作数据结构
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值