es6如何删除数组中的某一项

今天小编给大家分享一下es6如何删除数组中的某一项的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

成都创新互联公司是一家企业级云计算解决方案提供商,超15年IDC数据中心运营经验。主营GPU显卡服务器,站群服务器,服务器托管,海外高防服务器,服务器机柜,动态拨号VPS,海外云手机,海外云服务器,海外服务器租用托管等。

删除方法:1、用splice()根据下标删除任意一个元素,语法“arr.splice(index,1)”;2、用delete关键字根据下标删除任意一个元素,语法“delete arr[index];”;3、用shift()删除第一个元素,语法“数组.shift()”;4、用pop()删除最后一个元素,语法“数组.pop()”;5、用length删除最后一个元素。

在es6中,想要删除数组中的任意一项(一个元素),可以利用数组的splice()方法或delete关键字。

方法1、splice:删除后,后面的元素自动填补到前面

arr.splice(index, 1) 

举例:现在有数组  arr=['a','b','c','d']

arr.splice(1, 1); //结果arr=['a','c','d'](下标1开始,删除1个)

注意:

上面的代码中,我们要注意,如果想修改 arr 的值,直接这样操作 arr 直接就变了,而不要写作 arr= arr.splice(1,1),因为 splice() 方法的返回值为删除掉的元素。

补充:

  • spice增加:

arr.splice(1,0,'str'); //结果arr=['a','str','b','c','d']

  • spice替换:

arr.splice(1,1,'str'); //结果arr=['a','str','c','d']

  • spice替换2:

arr.splice(1,2,'str'); //结果arr=['a','str','d'](就是说:下标1开始2个换成1个“str”)

  • spice删除多个:

arr.splice(1,2); //结果arr=['a','d']

方法2、delete:删除后,该下标位置元素为undefined

delete arr[index];

例:

delete arr[1];

es6如何删除数组中的某一项

空位元素可以读写,length 属性不排斥空位,空元素位返回值为 undefined

console.log(arr[1]);

es6如何删除数组中的某一项

而如果只是想要删除第一个或最后一个元素,也可以利用shift()、pop()、length方法。

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

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

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

输出结果为:

es6如何删除数组中的某一项

注:shift()方法会改变原数组,修改数组的长度!

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

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

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

输出结果为:

es6如何删除数组中的某一项

注:pop()方法也会改变原数组,修改数组的长度!

方法5:利用length属性删除最后一个数组元素

数组的length属性一般是用来设置或返回数组中元素的数目,即设置或返回数组长度。

我们可以利用设置数组长度的特性,将length属性的设置的比原长度小,即可从数组尾部删除一个或多个元素;如果值设置为0,就会删除全部数组,即清空数组!

语法:数组对象.length=原数组长度-1;

示例:

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

es6如何删除数组中的某一项

以上就是“es6如何删除数组中的某一项”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注创新互联行业资讯频道。


新闻标题:es6如何删除数组中的某一项
路径分享:http://bzwzjz.com/article/gepeid.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站设计 网站建设方案 成都网站建设流程 成都网站建设 成都网站建设公司 高端品牌网站建设 H5网站制作 成都网站制作 成都网站制作 企业网站设计 手机网站设计 网站建设改版 成都网站制作公司 重庆网站制作 成都网站建设公司 专业网站建设 成都网站建设 网站设计制作 高端网站设计 成都网站建设 企业网站设计 成都网站建设