广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >JS如何根据数组下标删除任意元素
  • 633
分享到

JS如何根据数组下标删除任意元素

2024-04-02 19:04:59 633人浏览 独家记忆
摘要

这篇文章主要讲解了“js如何根据数组下标删除任意元素”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JS如何根据数组下标删除任意元素”吧!我们都知道数组中的每

这篇文章主要讲解了“js如何根据数组下标删除任意元素”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JS如何根据数组下标删除任意元素”吧!

我们都知道数组中的每个元素都有一个序号,这个序号从0开始,被称为下标(Index)。根据这个数组下标,我们可以使用 数组名[下标] 的形式来访问指定下标的元素。

访问到指定元素后,就可以利用 delete运算符 来删除该元素,但数组长度不会发生改变;删除后的该元素会变为空位元素,

var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);

delete arr[1];  //删除下标为1的元素(第二个元素)
console.log(arr);

JS如何根据数组下标删除任意元素

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

console.log(arr[1]);

JS如何根据数组下标删除任意元素

说明:空元素与元素的值为 undefined 是两个不同的概念,即使空元素的返回值也是 undefined。javascript 在初始化数组时,只有真正存储有值得元素才可以分配内存。

利用delete运算符一次只能删除一个数组元素,且因为不改变数组长度,我们就无法通过length属性来观察这个数组的变化了。那么如果想要在指定下标位置删除一个或多个元素,且是真正的删除这些元素,数组长度要有改变,这要怎么做呢?

可以使用 splice() 方法。之前就说过了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],因此输出结果为:

JS如何根据数组下标删除任意元素

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

  • 如果想要在数组开头删除元素,就设置该方法第1个参数index的值为0即可

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

arr.splice(0,2);
console.log(arr);

JS如何根据数组下标删除任意元素

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

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

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

JS如何根据数组下标删除任意元素

感谢各位的阅读,以上就是“JS如何根据数组下标删除任意元素”的内容了,经过本文的学习后,相信大家对JS如何根据数组下标删除任意元素这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

--结束END--

本文标题: JS如何根据数组下标删除任意元素

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

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

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JS如何根据数组下标删除任意元素
    这篇文章主要讲解了“JS如何根据数组下标删除任意元素”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JS如何根据数组下标删除任意元素”吧!我们都知道数组中的每...
    99+
    2022-10-19
  • JS怎么根据数组下标添加元素
    本篇内容主要讲解“JS怎么根据数组下标添加元素”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JS怎么根据数组下标添加元素”吧!数组中的每个元素都有一个序号,这个...
    99+
    2022-10-19
  • php数组如何根据key删除元素
    这篇“php数组如何根据key删除元素”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“php数组如何根据key删除元素”文章吧...
    99+
    2023-06-29
  • php如何根据key删除数组元素
    本文将为大家详细介绍“php如何根据key删除数组元素”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“php如何根据key删除数组元素”能够给你意想不到的收获,请大家跟着小编的思路慢慢深入,具体内容如下,一起去...
    99+
    2023-06-06
  • php如何删除指定下标的数组元素
    这篇文章将为大家详细讲解有关php如何删除指定下标的数组元素,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。PHP中可以使用unset()函数来删除指定下标的数组元素,语法格式“unset($arr[指定下...
    99+
    2023-06-06
  • js如何通过指定下标或指定元素进行删除数组
    这篇文章主要为大家展示了“js如何通过指定下标或指定元素进行删除数组”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“js如何通过指定下标或指定元素进行删除数组”这...
    99+
    2022-10-19
  • javascript如何删除数组中指定下标的元素
    这篇文章将为大家详细讲解有关javascript如何删除数组中指定下标的元素,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 javascrip...
    99+
    2022-10-19
  • js如何根据id删除数组中对象
    目录js根据id删除数组中对象js根据id数组,删除对象数组中的指定项总结js根据id删除数组中对象 使用findIndex找到数据位置后使用splice将其裁切。 arr.spli...
    99+
    2023-05-16
    js删除数组对象 js数组对象 根据id删除数组对象
  • js中数组如何实现插入、删除元素
    小编给大家分享一下js中数组如何实现插入、删除元素,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!实例如下:  &nbs...
    99+
    2022-10-19
  • php如何根据值去除数组中的元素
    这篇文章主要介绍了php如何根据值去除数组中的元素的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇php如何根据值去除数组中的元素文章都会有所收获,下面我们一起来看看吧。PHP中的数组是一种非常有用的数据结构,它...
    99+
    2023-07-05
  • php如何根据键值去除数组中的某个元素
    这篇文章主要介绍了php如何根据键值去除数组中的某个元素的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇php如何根据键值去除数组中的某个元素文章都会有所收获,下面我们一起来看看吧。php根据键值去除数组中元素的...
    99+
    2023-07-02
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作