es6怎么删除数组中的元素

编辑: admin 分类: java 发布时间: 2022-07-07 来源:互联网

删除方法：1、用shift()删除第一个元素，语法“arr.shift()”；2、用pop()删除最后一个元素，语法“arr.pop()”；3、用splice()根据下标删除任意元素，语法“arr.splice(开始下标,删除元素个数)”。

本教程操作环境：windows7系统、ECMAScript 6版、Dell G3电脑。

在JavaScript中，删除数组元素有多种方法，下面给大家介绍一些。

方法1：使用shift()函数删除第一个数组元素

array.shift()函数可以把数组的第一个元素从其中删除，并返回第一个元素的值；然后将余下所有元素前移 1 位，以填补数组头部的空缺。

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.shift();
console.log(a);

输出结果为：

1.png

可以看出：上例使用a.shift()来删除a数组开头的数值1，然后会重置索引（重新从0开始）；且shift()方法会改变原数组，修改数组的长度！因此使用console.log(a)来输出原数组，显示的是已经被删除开头元素的数组。

方法2：使用pop()删除最后一个数组元素

array.pop()方法可以删除数组 array 中最后一个元素，并返回被删除的元素。

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.pop();
console.log(a)

输出结果为：

2.png

可以看出：上例使用a.pop()来删除a数组末尾的数值8，然后会重置索引（重新从0开始）；且pop()方法也会改变原数组，修改数组的长度！

方法3：使用 splice() 根据数组下标删除任意元素

使用splice()可以从指定下标位置开始删除一个或多个元素。

删除元素的语法：

array.splice(index,howmany)

  • 第1个参数 index 可以指定起始下标位置（即开始删除元素的位置）；

  • 第2个参数 howmany 指定应该删除的元素数目（即需要删除的一个或多个元素）。

我们通过下面的例子来具体看看：

var arr= [1,2,3,4,5];
console.log(arr);

arr.splice(1,2);
console.log(arr);

可以看出：使用arr.splice(1,2)从下标1的位置（数组第2个元素）开始删除2个元素，也就是删除了arr[1]和arr[2]，因此输出结果为：

3.png

利用splice() 方法我们也可以实现在数组开头和末尾删除元素的操作：

  • 如果想要在数组开头删除元素，就设置该方法第1个参数index的值为0即可

var arr= [1,2,3,4,5];
console.log(arr);

arr.splice(0,2);
console.log(arr);

4.png

  • 如果想要在数组末尾删除元素，就设置该方法第1个参数index的值为负数，那么就会按绝对值从数组右侧开始向左侧定位；且第2个参数 howmany的值要 等于 index的值。

var arr= [1,2,3,4,5];
console.log(arr);

//从倒数第二个元素开始，截取两个元素
arr.splice(-2,2);
console.log(arr);

5.png

【相关推荐：javascript视频教程、web前端】

以上就是es6怎么删除数组中的元素的详细内容，更多请关注海外IDC网其它相关文章！

【文章原创作者：阿里云代理商 http://www.558idc.com/aliyun.html 网络转载请说明出处】
更多阅读