来聊一聊JavaScrip数组删除特定元素

he_xd 发布于2019-08-21 16:17 / 975人阅读

摘要：序述说到删除数组特定元素你可能不止一种方法可以实现下面且来看看我总结的这几种方法可能会对你有所帮助源数组伪删除什么是伪删除呢就是说将数组元素值设置为删除后的数组是这个样子的不过要注意这意味着数组也就是变量的长度保持不变完全删除是什么是完全删

序述

说到删除数组特定元素你可能不止一种方法可以实现, 下面且来看看我总结的这几种方法,可能会对你有所帮助！

源数组

var arr = ["George", "John", "Thomas", "James", "Adrew", "Martin"];

伪删除

什么是伪删除呢? 就是说将数组元素值设置为null;

arr[ arr.indexOf( "Thomas" ) ] = null;

删除后的数组是这个样子的:

["George", "John", null, "James", "Adrew", "Martin"]

不过要注意, 这意味着数组Array也就是变量arr的长度保持不变

完全删除

是什么是完全删除呢? 这个问题你可能从字面上也能想得到就是真正的删除数组Array的元素值, 并且会改变数组的长度, 可以通过内置数组对象Array的splice方法来实现这个需求！说到splice这个方法就要说一说它的具体参数了：

Array.prototype.splice = function(start,deleteCount,items) {};

上面是内置对象Array的splice方法原型定义, 中文意思呢是：剪接, 其参数的意义是：

start: 起点索引值

deleteCount: 要删除的元素个数

items: 删除后替换/追加的元素

参数不加时就表示删除元素, 并且还要结合 deleteCount 的参数值

如果 deleteCount 为 1, items 参数位置给一个参数值, 则表示替换

如果 deleteCount 为 1, items 参数位置给多于一个的参数值, 则表示替换及追加元素

通过splice方法删除上面 伪删除 留下的元素值 null

arr.splice( arr.indexOf( null ), 1 );

删除后的数组是这个样子的:

["George", "John", "James", "Adrew", "Martin"]

既然说到了splice方法就顺便再说一下它的其它功能, 如 替换元素, 追加元素 等操作吧！

splice函数 - 替换元素

现在数组结构是这样的：

["George", "John", "James", "Adrew", "Martin"]

想要将数组元素 James 替换为 Tom

arr.splice( arr.indexOf( "James" ), 1, "Tom" );

替换后的数组结构是这个样子的：

["George", "John", "Tom", "Adrew", "Martin"]

splice函数 - 替换并追加元素

现在当前数组结构是这样的：

["George", "John", "Tom", "Adrew", "Martin"]

想要将数组元素 Tom 替换为 Judy 并追加 Linda 和 Alisa

arr.splice( arr.indexOf( "Tom" ), 1, "Judy", "Linda", "Alisa" );

替换及追加后的数组结构是这个样子的：

["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]

splice函数 - 追加元素

追加元素你可以选择任意位置这取决于你的具体需求, 关键是在于 start 的取值索引位置而已！当前数组结构如下所示：

["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]

比如说要在 Linda 和 Alisa 之间追加 Bill 和 Blake

arr.splice( arr.indexOf( "Linda" ) + 1, 0, "Bill", "Blake" );

追加后的数组结构是下面这个样子的：

["George", "John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]

起点位置 arr.indexOf( "Linda" ) + 1 就是在数组元素 Linda 之后了

删除元素个数参数这里设置的是 0 这个是追加元素的关键, 也就是说不删除元素

"Bill", "Blake" 这个呢就是内置对象Array的splice方法的最后一个参数 items 它表示0个是和多个, 根据 deleteCount 参数值不同表示的含义也会不同, 这里 deleteCount 参数是 0 并且 items 又有两个值来表示这个参数, 所示说就是追加元素值 "Bill", "Blake"

以上说的是删除数组中特定的元素, 那删除第一个元素和最后一个元素那实现在是太简单了, 这里简单提一下就是了

删除数组中第一个元素

arr.shift();

删除后的数组是这个样子的:

["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]

删除数组中最后一个元素

arr.pop();

删除后的数组是这个样子的:

["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew"]

以上就是JavaScrip数组删除特定元素个人所总结的一些方法, 如果您还要其它的一些好的方法, 请您留言示下, 谢谢您的支持！

希望本文对你的工作和学习有所帮助

如果觉得还不错并且也长知识了, 怎么感谢我呢？妈呀! 点赞啊!

Good Luck! from warnerwu at 2017.09.06 AM

GPU云服务器云服务器来聊一聊聊一聊聊一聊去抖聊一聊java内存

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/88363.html

面试官:咱们来聊一聊mysql主从延迟

摘要：编辑器编辑器背景编辑器前段时间遇到一个线上问题，后来排查好久发现是因为主从同步延迟导致的，所以今天写一篇文章总结一下这个问题希望对你有用。编辑器几句唠叨编辑器大家好，我是小饭，一枚后端工程师。背景前段时间遇到一个线上问题，后来排查好久发现是因为主从同步延迟导致的，所以今天写一篇文章总结一下这个问题希望对你有用。如果觉得还不错,记得加个关注点个赞哦思维导图思维导图常见的主从架构随着日益增长的访...

EasonTyler 2021-11-17 17:08 评论0 收藏0
今天，来聊一聊区块链中的分叉！

摘要：更何况区块链中有几十万人几百万人，达成共识的难度之大可想而知，所以分叉也是自然而然会发生的事。，第一个聊区块链技术的中文播客。 showImg(https://segmentfault.com/img/bVbm6as?w=608&h=129); 周末来临，轻松一刻～我们推出了针对区块链技术的中文播客Fork It,由 Nervos 四位主播 Terry、Jan、Kevin、Danie...

AlphaWatch 2019-06-27 19:03 评论0 收藏0
来聊一聊Cookie(小甜饼)，及其涉及到的web安全吧

摘要：最近在用写自己的博客，发现总是掉到的坑，于是就好好八一八这个小甜饼，没想到居然还说很有意思的，每一个知识点都能拉出一条大鱼，想想自己之前对，简直就是它认识我，我只能叫出他的名字。最近在用thinkjs写自己的博客，发现总是掉到cookie的坑，于是就好好八一八这个小甜饼，没想到居然还说很有意思的，每一个知识点都能拉出一条大鱼，想想自己之前对cookie，简直就是它认识我，我只能叫出他...

Donne 2019-06-21 16:40 评论0 收藏0
把JavaScript文件放在文档的头部还是尾部

摘要：我们可以看到，百度也在头部引入了一些文件，这些文件引入的方式与的做法差不多，都在引入外部资源的标签上添加了属性，除了第一个文件没有那样做。更好阅读体验，请访问dreamapple.me 我们今天来聊一聊关于JavaScript文件的引入位置的问题；大家在平时的Web开发中有没有想过这样一个问题，那就是我应该在文档的头部（也就是标签内部里面）引入所需要的JavaScript文件还是应该...

TerryCai 2019-08-21 15:36 评论0 收藏0