es6怎么删除数组中的元素

122 阅读 0 评论 81 点赞

我是靠谱客的博主欣喜御姐，最近开发中收集的这篇文章主要介绍es6怎么删除数组中的元素，觉得挺不错的，现在分享给大家，希望可以做个参考。

本教程操作环境：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);
登录后复制

输出结果为：

可以看出：上例使用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)
登录后复制

输出结果为：

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

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

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

删除元素的语法：

array.splice(index,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]，因此输出结果为：

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

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

arr.splice(0,2);
console.log(arr);
登录后复制

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

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

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

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

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

以上就是欣喜御姐为你收集整理的es6怎么删除数组中的元素的全部内容，希望文章能够帮你解决es6怎么删除数组中的元素所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。