JS数组方法大集合

86 阅读3分钟

改变原数组

1、length:如果直接修改arr.length,length的长度大于原长度,则空出来部分变空,length的长度小于原长度,则后面部分删除。

2、push():arr.push('1','2'),向数组最后添加元素,可以添加多个元素,返回修改后的数组长度; let length = [1,2,3].push(4,5)//5。

3、unshit():向数组开头插入元素,可以添加多个元素,返回修改后的数组长度。

4、shift():删除数组第一个元素,返回删除的元素。

5、pop():删除数组最后一个元素,返回删除的元素。

8、splice():可以删除或修改,添加数组中指定的元素。接收三个参数splice(index,length,...new item),第一个参数index代表开始的位置,第二个length参数代表删除的数量,第三个及后面的参数代表传递新的元素

这些元素自动插入到index的前面,返回被删除的元素数组。

9、reverse():用于反转数组,返回反转后的数组。

10、sort():用于原数组排序,如果不指定回调函数,则按照unicode编码排序,排序的结果跟常规认知不一样,所以一般指定回调函数,sort((a,b)=>{return a-b}),升序a-b,降序b-a。

11、copyWithin():用于复制数组内的元素到指定的位置进行替换,copyWithin(target,index=0,end=this.length),从index的下标开始进行复制,一直复制到end-1,然后整体替换到target的下标开始的地方。返回修改后

的原数组。

12、fill():用于填充/改变原数组元素,fill(val,start,end),第一个参数是填充的值,第二个是开始的位置,第三个是结束的位置(不包含这个位置),如果不指定第二个参数则从开头开始,不指定最后一个,

则一直到最后。

不改变原数组

13、forEach((v,index,arr)=>{}):arr.forEach(),可以遍历数组的每一个元素,传递一个回调函数,回调函数接收三个参数,第一个是当前正在遍历的值,第二个是当前遍历的下标,第三个是当前遍历的数组。

14、concat():可以连接两个或者多个数组,arr.concat(arr2,arr3),并且将新的拼接好的数组返回。

15、join():将数组通过一个指定的字符将所有的元素连成一个字符串,join(',')\join('-'),将新的字符串作为结果返回。

16、toString():跟join()不添加连接符一样,都是把元素用,连成字符串返回。

17、every():用于遍历所有元素是否满足某条件,arr.every((value)=>{return value > 0})是则返回true,否则返回false。

18、some():只要数组元素中有一个满足条件,arr.some((value)=>{return value > 0} 则返回true,否则返回false。

19、map():用于对数组每一项元素调用回调函数做相应的处理,map((item,k.arr)=>{}),会返回处理完后新的数组。

20、find():用于寻找第一个合适条件的元素,find((item,index,arr)=>{}),返回符合条件的第一个元素。

21、findIndex();用于寻找第一个合适条件的元素的下标,findIndex((item,index,arr)=>{}),返回符合条件的第一个元素的下标。