前言
公司专注于为企业提供做网站、网站制作、微信公众号开发、商城开发,微信小程序开发,软件按需网站开发等一站式互联网企业服务。凭借多年丰富的经验,我们会仔细了解各客户的需求而做出多方面的分析、设计、整合,为客户设计出具风格及创意性的商业解决方案,成都创新互联更提供一系列网站制作和网站推广的服务。
可能一说到删除数组特定元素你估计不止一种方法可以实现,那么下面且来看看我总结的这几种方法,可能会对你有所帮助!话不多说了,来一起看看详细的介绍吧。
源数组
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方法原型定义, 中文意思呢是:剪接, 其参数的意义是:
通过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 之后了以上说的是删除数组中特定的元素, 那删除第一个元素和最后一个元素那实现在是太简单了, 这里简单提一下就是了
删除数组中第一个元素
arr.shift();
删除后的数组是这个样子的:
["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]
删除数组中最后一个元素
arr.pop();
删除后的数组是这个样子的:
["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew"]
总结
以上就是JavaScrip数组删除特定元素个人所总结的一些方法,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果您还要其它的一些好的方法, 或有疑问大家可以留言交流,谢谢大家对创新互联的支持。
售后响应及时
7×24小时客服热线数据备份
更安全、更高效、更稳定价格公道精准
项目经理精准报价不弄虚作假合作无风险
重合同讲信誉,无效全额退款