js中splice()方法

JavaScript013

js中splice()方法,第1张

一、splice语法

splice可以增加数组元素，也可以删除数组元素，增加或者改变都会改变数组的个数

1、参数说明

start： 必需。 规定从何处添加/删除元素。该参数是开始插入和（或）删除的数组元素的下标，必须是数字。

deleteCount：必需。 规定应该删除多少元素。必须是数字，但可以是 "0"。如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素。

item1：可选。 规定要添加到数组的新元素。从 index 所指的下标处开始插入。

itemX ：可选。 可向数组添加若干元素。

图1 中的第一个例子可以目标是删除从数组的倒数第二个元素cinnamon sugar,所以显示的结果为

cookies，creame de leche.

第二个例子的倒数第二个元素是 cookies。

不知道大家对 slice, splice, splite 是肿么样的感觉，反正我刚接触到这三个函数的时候整个人都懵了，因为一个个长的跟孪生兄弟似的，每次用的时候都会混，甚至懒得记住他们的功能。所以为了帮组和我一样有困扰的人，我们来解决它。

三个方法除了长得像，其实功能完全不一样，为了帮助记忆，先总结一下：

1. slice 是 Array 和 String 都有的方法，功能也和字符串的 slice 是一样，截取区间值用的。 String的slice()方法请看上篇文章： js里相似的方法比较系列（一）String的slice，substring，substr方法区别 。

2. splice 仅是数组 Array 的方法，splice比slice外观上多个p，这一个p蹦出了天差地别，功能超级强大。它能用来插入、删除甚至替换数组的元素。

3. split 仅仅是字符串的方法，外观上也有p，但是少了ce，还多了个t。这个t厉害了，一脚把字符串踢成了多段，吓得字符串变成了数组。没错， split() 方法就是用来把一个字符串分割成字符串数组。

下面我就来分别说说他们：

用法：array.slice(start, end)

解释： slice() 该方法用于对数组进行部分截取，并返回一个数组副本；参数 start 是截取的开始数组索引， end 参数等于你要截取的最后一个元素的索引位置加上1的值（可选）

用法：array.splice(start, deleteCount, item,…..,itemX)

解释： splice() 方法用于插入、删除或替换数组的元素。 splice 方法从 array 中移除一个或多个元素，如果你愿意的话可以用新的item替换它们。参数start是从数组array中移除元素的开始位置。参数 deleteCount 是要移除的元素的个数。

如果有额外的参数，那么 item,…..,itemX 会插入到被移除元素的位置上。

splice()方法返回一个包含被移除元素的数组。

用法：string.split(separator, limit)

解释： split() 方法用于把一个字符串分割成字符串数组。把这个 string 分割成片段来创建一个新的字符串数组，但不改变原始字符串。

separator 参数可以是一个分隔符，它可以是字符串或一个正则表达式。如果 separator 是一个空字符(‘’)，会返回一个单字符的数组。

limit （可选参数）可以限制被分割的片段数量。

今天就到这吧，下一节我们讲解 “js相似方法比较系列（三）charAt，indexof，findIndex，lastindexof，includes，find的区别” ，敬请期待～！

参考地址：

https://www.cnblogs.com/webjoker/p/5218114.html

https://blog.csdn.net/yw00yw/article/details/81063038