【js知识】splice()实现数组的添加、删除、替换

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了【js知识】splice()实现数组的添加、删除、替换，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2053字，纯文字阅读大概需要3分钟。

内容图文

目录

• 一、删除数组
• 二、添加数组
• 三、替换数组元素

splice 方法一个数组中最强大的方法，不仅可以对数组进行元素对添加，对数组元素对删除，对数组元素的替换，可以说它集百家与一身，它会直接修改原数组，返回删除的元素。

那么我们就来好好的看看它是如何进行数组的添加、删除与替换工作。

splice 方法的参数传入数量不的不同形成的效果也会不同。

首先它接受三个参数或甚至更多，除了开始位置索引 start 参数以外，其余全是可选参数。

//语法
array.splice(start, count, item1, item2, ...)

start：删除数组元素的开始索引（必须）
count：需要删除元素的个数
item1，item2…：插入数组的元素

一、删除数组

传递一个参数的时候，数组会删除从给定的索引到数组结束的所有元素，原数组会被修改，返回删除的数组

//删除元素
const numbers = [1, 2, 3, 4, 5];
const removes = numbers.splice(2);
console.log(numbers); //[1, 2]
console.log(removes); //[3, 4, 5]

如何删除指定个数的数组？如我们只想删除第6个元素等等…
我们添加第二个参数 count 即可，元素的索引是从0开始，也就是说 start 参数是从 0 开始的。

//删除第6个元素
const numbers = [1, 2, 3, 4, 5, 6, 7, 8];
const removes = numbers.splice(5, 1);
console.log(numbers); //[1, 2, 3, 4, 5, 7, 8]
console.log(removes); //[6]

//删除第6，7位两个元素
const numbers = [1, 2, 3, 4, 5, 6, 7, 8];
const removes = numbers.splice(5, 2);
console.log(numbers); //[1, 2, 3, 4, 5, 8]
console.log(removes); //[6, 7]

二、添加数组

如何添加一个元素，这会就要用到我们的第三个参数或者第四个，第五个等等，依次添加即可。

//指定在某个位置添加一个元素
const numbers = [1, 2, 3, 4, 5];
const removes = numbers.splice(2, 0, 'F');
console.log(numbers); //[1, 2, "F", 3, 4, 5]
console.log(removes); //[]

//指定在某个位置添加多个元素
const numbers = [1, 2, 3, 4, 5];
const removes = numbers.splice(2, 0, 'A', 'B', 'C');
console.log(numbers); //[1, 2, "A", "B", "C", 3, 4, 5]
console.log(removes); //[]

因为不对数组进行任何的删除项，然后又在数组中插入一些元素，实现的数组的添加

三、替换数组元素

替换的思路与删除仅仅多了一步把要插入掉位置元素给删除掉。

//替换第2，3位的元素
const numbers = [1, 2, 3, 4, 5];
const removes = numbers.splice(2, 2, 'A', 'B');
console.log(numbers); //[1, 2, "A", "B", 5]

console.log(removes); //[3, 4]

内容总结

以上是互联网集市为您收集整理的【js知识】splice()实现数组的添加、删除、替换全部内容，希望文章能够帮你解决【js知识】splice()实现数组的添加、删除、替换所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端