es6怎么删除数组中的某一项

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

es6怎么删除数组中的某一项

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

在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];

登录后复制

1.png

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

console.log(arr[1]);

登录后复制

2.png

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

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

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

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

登录后复制

输出结果为:

1.png

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

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

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

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

登录后复制

输出结果为:

2.png

注: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)

登录后复制

3.png

【推荐学习:javascript高级教程】

以上就是es6怎么删除数组中的某一项的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2921875.html

(0)
上一篇 2025年3月11日 18:32:59
下一篇 2025年3月11日 08:52:04

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • es5和es6怎么实现数组去重

    es5中可以利用for语句和indexOf()函数来实现数组去重,语法“for(i=0;i 本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。 es5 数组去重 indexOf 方法 使用indexOf(…

    2025年3月11日 编程技术
    200
  • es6怎么判断是否在数组里

    判断方法:1、使用includes()函数,可判断数组是否包含一个指定的值,语法“arr.includes(值)”,如果返回true则存在;2、使用find()函数,可查找符合添加的第一个元素,语法“arr.find(function(v)…

    2025年3月11日 编程技术
    200
  • ie6能不能兼容es6

    ie6不能兼容es6。IE6不支持识别ES6语法,会报错。解决方法:1、引入babel-browser.min.js文件,这样就可以使用ES2015进行编码;2、引入browser-polyfill.js文件,可解决箭头函数或者promis…

    2025年3月11日
    200
  • es6怎么判断一个变量是否为数组

    判断方法:1、利用Array对象的isArray()函数来判断变量是不是数组,语法“Array.isArray(obj)”,如果是数组返回true,否则返回false。2、通过“Object.prototype.toString()”来判断…

    2025年3月11日
    200
  • es6新增运算符有哪些

    es6新增运算符有:1、可选链运算符“?.”,可以判断操作符之前属性是否有效,从而链式读取对象的属性或返回undefined;2、指数运算符“**”,用于指数操作的中缀运算符,语法“x ** y”;3、空值合并运算符“??”;4、逻辑赋值运…

    2025年3月11日
    200
  • webpack支持es6吗

    webpack支持es6。webpack 2支持原生的ES6模块语法,意味着开发者无须额外引入babel这样的工具,就可以使用import和export。但如果使用其他的ES6+特性,仍然需要引入babel工具。 本教程操作环境:windo…

    2025年3月11日
    200
  • es6怎么判断数组里总共有多少项

    在es6中,可以利用array对象的length属性来判断数组里总共有多少项,即获取数组中元素的个数;该属性可返回数组中元素的数目,只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值,也就是长度值。 本教程操作环…

    2025年3月11日 编程技术
    200
  • es6 import会变量提升吗

    ES6 import会产生变量提升的现象。变量提升是将变量声明提升到它所在作用域的最开始的部分。js要经历编译跟执行阶段,在编译阶段的时候,会搜集所有的变量声明并且提前声明变量,而其他的语句都不会改变他们的顺序,因此,在编译阶段的时候,第一…

    2025年3月11日
    200
  • es6中新增数组方法有哪些

    es6数组方法有:1、Array.from(),用于将类数组对象或可遍历对象转为真正的数组;2、Array.of(),用于将一组值,转为数组;3、copyWithin(),用于在当前数组内部,将指定位置的成员复制到其他位置;4、fill()…

    2025年3月11日
    200
  • es6中filter过滤器有什么作用

    在es6中,filter过滤器对数组元素进行过滤并返回一个新的数组。filter()函数会创建一个新数组,其包含通过所提供回调函数实现的测试的所有元素,语法“arr.filter(callback(element[, index[, arr…

    2025年3月11日
    200

发表回复

登录后才能评论