JS数组常用方法汇总

114 阅读3分钟

JS常用数组方法总结:

A:会改变原数组

1 添加元素类:(返回新的长度)

push() 把元素添加到数组尾部

unshift() 在数组头部添加元素

2 删除元素类:(返回的是被删除的元素)

pop() 移除数组最后一个元素

shift() 删除数组第一个元素

3 颠倒顺序:

reverse() 在原数组中颠倒元素的顺序

4 插入、删除、替换数组元素:(返回的是含有被删除的元素的数组)

splice(index, howmany, item1…intemx)

index代表要操作数组位置的索引值,必填

howmany 代表要删除元素的个数,必须是数字,可以是0,如果没填就是删除从index到数组的结尾

item1…intemx 代表要添加到数组中的新值

5 排序

sort() 对数组元素进行排序

B:不会改变原数组:

concat() 连接两个或更多数组,返回一个新数组

some() 是查找数组中是否有满足条件的元素,返回值是布尔值,如果查找到这个元素,就返回 true(有任意一项符合条件即返回true) , 如果查找不到就返回 false。

every() 是对数组中的每一项运行给定函数,只有当该函数对每一项返回true,才返回true,否则返回false。

find()方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined

findIndex() 方法返回数组中满足提供的测试函数的第一个元素的索引。若没有找到对应元素则返回 -1。 indexOf()方法返回数组中第一次出现给定元素的下标,如果不存在则返回 -1。

join() 把数组的所有元素放到一个字符串,返回数组元素连接的字符串。如果arr.length为 0,则返回空字符串。

toString() 把数组转成字符串,返回一个表示数组元素的字符串。

slice() 截取一段数组,返回一个含有被提取元素的新数组。

isArray判断一个值是不是数组,不会改变原数组,返回true或者false

inCludes 检测数组中是否包含一个指定元素,不会改变原数组,返回true或者false

filter() 方法创建给定数组一部分的浅拷贝其包含通过所提供函数实现的测试的所有元素。返回值是给定数组的一部分的浅拷贝,其中只包括通过提供的函数实现的测试的元素。如果没有元素通过测试,则返回一个空数组。

map() 方法创建一个新数组,这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成,返回值是一个新数组,每个元素都是回调函数的返回值

**reduce()**方法对数组中的每个元素按序执行一个提供的 reducer函数,每一次运行reducer会将先前元素的计算结果作为参数传入,最后将其结果汇总为单个返回值。返回值是使用“reducer”回调函数遍历整个数组后的结果。

c:可能会改变原数组

forEach 遍历数组中的每一项,返回undefind,对原数组没有影响,但不支持IE,通过下标也会改变原数组