首页  >  文章  >  web前端  >  es6怎么删除数组中的元素

es6怎么删除数组中的元素

青灯夜游
青灯夜游原创
2022-05-19 19:17:017376浏览

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

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);

输出结果为:

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怎么删除数组中的元素的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn