js 数组方法

js 中会改变原数组的方法:

1.push(): 将一个或多个元素添加到数组的末尾,并返回新的长度。
2.pop(): 删除数组的最后一个元素,并返回删除的元素。
3.shift(): 删除数组的第一个元素,并返回删除的元素。
4.unshift(): 将一个或多个元素添加到数组的开头,并返回新的长度。
5.splice(): 从数组中添加或删除元素。可以用于删除、替换或插入元素。
6.fill(): 用指定的值填充数组中的所有元素。
7.sort(): 对数组进行排序。
8.reverse(): 颠倒数组中元素的顺序。
9.copyWithin(): 将数组的一部分元素复制到同一数组中的另一个位置。

js 中不会改变原数组的方法:

1.map(): 创建一个新数组,其结果是调用提供的函数对每个元素进行处理。
2.filter(): 创建一个新数组,其中包含通过所提供函数实现的测试的所有元素。
3.slice(): 返回一个从原始数组中指定开始和结束位置选择的新数组。
4.concat(): 用于合并两个或多个数组,并返回一个新数组。
5.reduce(): 对数组中的每个元素执行一个提供的累加器函数,将其结果汇总为单个值。
6.join() 方法用于把数组中的所有元素转换一个字符串,元素是通过指定的分隔符进行分隔的。
7.forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。
8.findIndex 接收一个测试函数,也可以叫做条件函数,最终返回满足该测试函数的元素的索引位置,如果没有找到符合条件的元素,则返回-1。如果满足条件的有多个,那么只会返回第一个满足条件的元素索引。
9.find() 方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined。
10.some() 方法返回 true 或 false,表示数组中是否至少存在一个元素满足提供的测试函数。该方法接受一个回调函数作为参数,该回调函数在数组的每个元素上执行,并且只要其中一个元素的测试函数返回 true,some() 方法就会立即返回 true。
11.every() 方法也返回 true 或 false,但它要求数组中的所有元素都必须满足提供的测试函数。如果有任何一个元素的测试函数返回 false,则 every() 方法会立即返回 false。

es2023 提供 对数组的纯函数方法:

1、排序,sort 方法会对改变原数组。
toSorted 会返回一个新数组并且不会改变原数组。
2、数组反序,reverse 方法会改变原数组。
toReversed 会返回一个新数组并且不会改变原数组。
3、截取数组,splice 方法会改变原数组。
toSpliced 会返回新数组并且不改变原数组。
4、更改数组的某一项
改变原数组

arr = [1,2,3]
arr[0] = '哈哈'

with 方法返回新数组并且不改变原数组

arr = [1,2,3]
arr.with(0,'h嘿嘿')

你可能感兴趣的:(javascript前端)