返回顶部
首页 > 资讯 > 前端开发 > 其他 >es6怎么删除数组中的某一项
  • 723
分享到

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

ES6es6数组 2023-05-14 22:05:15 723人浏览 安东尼
摘要

本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。在es6中,想要删除数组中的任意一项(一个元素),可以利用数组的splice()方法或delete关键字。方法1、splice:删除后,后面的元素自动填补

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怎么删除数组中的某一项的详细内容,更多请关注编程网其它相关文章!

--结束END--

本文标题: es6怎么删除数组中的某一项

本文链接: https://lsjlt.com/news/206849.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • es6怎么删除数组中的某一项
    本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。在es6中,想要删除数组中的任意一项(一个元素),可以利用数组的splice()方法或delete关键字。方法1、splice:删除后,后面的元素自动填补...
    99+
    2023-05-14
    ES6 es6数组
  • es6如何删除数组中的某一项
    今天小编给大家分享一下es6如何删除数组中的某一项的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。删除方法:1、用splice...
    99+
    2023-07-05
  • es6怎么删除数组中的某个元素
    在ES6中,可以使用`Array.prototype.filter()`方法来删除数组中的某个元素。`filter()`方法会创建一...
    99+
    2023-10-09
    es6
  • javascript数组如何删除某一项
    这篇文章给大家分享的是有关javascript数组如何删除某一项的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。JavaScript可以做什么1.可以使网页具有交互性,例如响应用户点击,给用户提供更好的体验。2.可...
    99+
    2023-06-15
  • es6如何删除数组中的某个元素
    在ES6中,可以使用`Array.prototype.filter()`方法来删除数组中的某个元素。这个方法会创建一个新的数组,其中...
    99+
    2023-10-26
    es6
  • JS实现数组/对象数组删除其中某一项
    目录数组/对象数组删除其中某一项移除对象数组中指定元素数组/对象数组删除其中某一项 由于日常工作中经常需要对数组进行操作,最经常使用到的就是对数组进行的删除操作 对于我们前端来说,数...
    99+
    2024-04-02
  • es6数组怎么删除最后一个元素
    本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。es6数组删除最后一个元素的几种方法方法1:利用length属性删除最后一个数组元素数组的length属性一般是用来设置或返回数组中元素的数目,即设置或返...
    99+
    2022-11-22
    javascript es6数组
  • es6怎么删除数组中的相同元素
    本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。ES6数组去重的四个简单办法第一种: 利用Map对象和数组的filter方法贴上相关代码 打印后的结果 通过打印我们发现,确实实现了我们想要的效果。那么下...
    99+
    2023-05-14
    ES6 es6数组
  • js删除数组中某一元素的方法
    这篇文章主要介绍js删除数组中某一元素的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!js删除数组中某一元素的方法:首先获取指定元素在数组中的位置(即索引index);然后使用splice()函数根据索引值来删除...
    99+
    2023-06-06
  • vue 如何删除数组中的某一条数据
    目录删除数组中的某一条数据删除普通数组删除数组对象使用splice()删除数组中的一个数据删除数组中的某一条数据 删除普通数组 let arr = [1,2,3,4,5]; //方...
    99+
    2024-04-02
  • java怎么删除数组中的某个元素
    在Java中,数组的长度是固定的,无法直接删除元素。但是可以通过创建一个新的数组,并将要删除的元素排除在外来实现删除元素的效果。以下是一个示例代码,演示如何删除数组中的某个元素:```javapublic static int[] re...
    99+
    2023-08-09
    java
  • es6如何删除一个数组元素
    这篇文章主要讲解了“es6如何删除一个数组元素”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“es6如何删除一个数组元素”吧! 方...
    99+
    2024-04-02
  • plsql怎么删除表中某一条数据
    要删除表中的某一条数据,可以使用DELETE语句。 语法如下: DELETE FROM table_name WHER...
    99+
    2023-10-22
    plsql
  • sql怎么删除表中某一行数据
    delete 语句用于从表中删除一行数据,语法为:delete from table_name where condition;步骤包括:建立连接、编写语句、执行语句...
    99+
    2024-06-03
  • 怎么在javascript中删除数组的某个元素
    今天就跟大家聊聊有关怎么在javascript中删除数组的某个元素,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。javascript删除数组里的某个元素方法:首先可以给JS的数组对象...
    99+
    2023-06-14
  • es6如何删除数组中的元素
    这篇文章主要讲解了“es6如何删除数组中的元素”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“es6如何删除数组中的元素”吧! 删...
    99+
    2024-04-02
  • php怎么轻松删除数组第一项
    PHP是一种流行的编程语言,它可以轻松地处理数组,因此它被广泛应用于Web开发中。尽管PHP提供了许多内置函数来处理数组,但是如何从数组中删除第一项是许多人所困扰的问题。在本文中,我们将讨论如何使用PHP轻松地删除数组的第一项。首先,让我们...
    99+
    2023-05-14
  • php如何删除数组某一元素
    这篇文章给大家分享的是有关php如何删除数组某一元素的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。php删除数组某一元素的方法:1、使用unset函数删除一个元素,且保持原有索引不变;2、使用array_spli...
    99+
    2023-06-06
  • sql怎么删除表中的某一行
    要删除表中的某一行,可以使用DELETE语句。具体步骤如下: 确定要删除的行的条件,例如某一列的数值或者符合某一条件的行。...
    99+
    2024-04-02
  • es6如何判断数组中是否包含某一项值
    小编给大家分享一下es6如何判断数组中是否包含某一项值,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧! 在es6中,可以利用数组的includes()方法来判断数...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作