当前位置: 移动技术网 > IT编程>开发语言>JavaScript > JavaScrip数组删除特定元素的几种方法总结

JavaScrip数组删除特定元素的几种方法总结

2017年09月07日  | 移动技术网IT编程  | 我要评论
前言 可能一说到删除数组特定元素你估计不止一种方法可以实现,那么下面且来看看我总结的这几种方法,可能会对你有所帮助!话不多说了,来一起看看详细的介绍吧。 源数组

前言

可能一说到删除数组特定元素你估计不止一种方法可以实现,那么下面且来看看我总结的这几种方法,可能会对你有所帮助!话不多说了,来一起看看详细的介绍吧。

源数组

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数组删除特定元素个人所总结的一些方法,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果您还要其它的一些好的方法, 或有疑问大家可以留言交流,谢谢大家对移动技术网的支持。

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网