js 数组操作

本是古典何须时尚 2022-11-08 15:28 175阅读 0赞

数组的遍历

for：

普通版：for(let i=0; i<arr.length; i++) \{ \}

优化版：for(let i=0,len=arr.length; i<len; i++) \{ \}

弱化版：for(let i=0; arr\[i\] != null; i++) \{ \}

forEach： arr.forEach((e, index) => \{ \})  性能比for要弱

变种：Array.prototype.forEach.call(arr, (el, index) => \{ \})  实际性能要比普通的foreach弱

for...in...  ：for(let i in arr) \{ \}   效率最低

for...of...：for(let i of arr) \{ \}  性能好于forin

map：arr.map((n) => \{ \})  实际效率还比不上forEach

every()：数组的每一项都满足给定条件则返回true

arr = \[1, 2, 3, 4\];  
arr.every((item,index,array) => \{return item > 2;\});  // false  
   
arr.some((item,index,array) => \{return item > 2;\});  //true  
   
arr.filter((item,index,array) => \{return item > 2\});  // \[3, 4\]  
arr; // \[1, 2, 3, 4\]  
   
arr.reduce((prev, cur, index, array) => \{ return prev + cur\});  // 10    
（函数返回的任何值都会作为第一个参数传给下一项）  
some()：数组中只要有一项满足条件就返回true

filter()：返回满足给定条件的数据项组成的新数组，不改变原数组

reduce()：遍历数组，归并方法

返回布尔值的数组操作：

Array.prototype.includes()  
Array.prototype.every()  
Array.prototype.some()  
Array.isArray()

返回数组的操作：

Array.prototype.keys()  
Array.prototype.values()  
Array.prototype.entries()

Array.prototype.reverse()  
Array.prototype.sort()

Array.prototype.flat()  
Array.prototype.flatMap()

Array.prototype.slice()  
Array.prototype.splice()  
Array.prototype.concat()

Array.prototype.filter()  
Array.prototype.map()

数组的操作

push()：向数组的末尾添加一个或多个元素，并返回新的长度

pop()：删除数组的最后一个元素，数组的长度减1，并且返回删除元素的值(数组为空时，不改变数组，并返回undefined)

unshift()：向数组的头部添加一个或多个元素，返回新的长度

shift()：删除并返回数组的第一个元素

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

sort()：对数组元素进行排序（默认按照ASCII）

var arr = \[10,5,1000,25,1\];  
arr.sort(); // \[1, 10, 1000, 25, 5\]   默认按照首字母顺序排  
arr.sort((a, b)=>\{  
    return a-b;  
\});   // \[1, 5, 10, 25, 1000\]  从大到小排序  
concat()：链接两个或多个数组

join()：把所有的元素放进一个字符串，通过指定的分隔符分割

splice()：删除元素，并向数组添加新元素

var arr = \[1, 2, 3, 4, 5, 6\];  
arr.splice(2, 3); // \[3, 4, 5\]   删除第三个元素以后的三个数组元素  
   
arr.splice(2, 0, 7, 8);  // \[\]   在第三个元素之前插入7和8  
arr; // \[1, 2, 7, 8, 9\]  
   
arr.splice(2, 3, 9, 10);  // \[7, 8, 9\]  删除第三个元素以后的三个数组元素，并用9和10代替  
arr;  // \[1, 2, 9, 10\]  
slice(start, end)：从某个已有的数组返回选定的元素(没有end参数时就到数组结尾)

indexOf(x, start)、lastIndexOf()：查找数组元素的位置，参数：要查的项和起点位置索引  
————————————————  
版权声明：本文为CSDN博主「guanguan0\_0」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。  
原文链接：https://blog.csdn.net/guanguan0\_0/article/details/87629044