数组学习方法

最新推荐文章于 2022-11-01 15:01:59 发布

PicriL@Shmily

最新推荐文章于 2022-11-01 15:01:59 发布

阅读量247

点赞数

分类专栏：面试题文章标签：数组

本文链接：https://blog.csdn.net/IKUN__/article/details/117264272

版权

本文详细介绍了JavaScript中从ES3到ES7的数组方法，包括push、pop、unshift、shift、slice、splice、reverse、sort、concat、isArray、toString等基础方法，以及ES5和ES6新增的indexOf、lastIndexOf、forEach、map、filter、some、every、reduce、reduceRight等迭代和归并方法，最后提及了ES6的Array.from、fill、entries、values、keys以及ES7的copyWithin和includes等方法。

摘要由CSDN通过智能技术生成

ES3~ES7的数组方法学习

参考文章：数组方法1、数组方法2

JavaScript数组方法总结
1.push()

可以接受一个或者多个参数，将参数追加到数组的尾部，返回添加后的数组的长度，原数组会发生改变。

2.pop()

从数组尾部删除一个元素，返回这个被删除的元素，原数组发生改变。

3.unshift()

可以接受一个或者多个参数，将参数放到数组的头部，返回添加后的数组的长度，原数组会发生改变。

4.shift()

从数组头部删除一个元素，返回这个被删除的元素，原数组发生改变。

5.slice()

截取类如果不传参数，会返回原数组；如果一个参数，从该参数表示的索引开始截取，直至数组结束，返回这个截取数组，原数组不变；两个参数，从第一个参数对应的索引开始截取，到第二个参数对应的索引结束，但不包括第二个参数对应的索引上值，原数组不改变；最多接受两个参数。

var arr = [1,3,5,7,9,11];
var arrCopy = arr.slice(1);
var arrCopy2 = arr.slice(1,4);
var arrCopy3 = arr.slice(1,-2);
var arrCopy4 = arr.slice(-4,-1);
console.log(arr); 　　　　　　　　　　　　　　//[1, 3, 5, 7, 9, 11](原数组没变)
console.log(arrCopy); 　　　　　　　　　　　 //[3, 5, 7, 9, 11]
console.log(arrCopy2); 　　　　　　　　　　　//[3, 5, 7]
console.log(arrCopy3); 　　　　　　　　　　　//[3, 5, 7]
console.log(arrCopy4); 　　　　　　　　　　　//[5, 7, 9]

arrCopy只设置了一个参数，也就是起始下标为1，所以返回的数组为下标1（包括下标1）开始到数组最后。
arrCopy2设置了两个参数，返回起始下标（包括1）开始到终止下标（不包括4）的子数组。
arrCopy3设置了两个参数，终止下标为负数，当出现负数时，将负数加上数组长度的值（6）来替换该位置的数，因此就是从1开始到4（不包括）的子数组。
arrCopy4中两个参数都是负数，所以都加上数组长度6转换成正数，因此相当于slice(2,5)。

6.splice()