js splice,slice,split区别

splice(拼接），从中文意思不难看出，该api会改变原始数组。如下所示，splice 改变原数组，返回新数组

使用场景：删除原数组指定元素、往原数组指定位置加上新元素(仅可适用于数组操作）。总之，是需要改变原数组的情形下使用

image.png

语法：splice(插入元素的起始位置，删除元素个数，添加的元素）

splice 插入元素：如图，插入元素，返回一个空数组，原数组成功插入新元素

image.png

splice 删除元素：返回删除的元素数组，原数组被改变

image.png

slice（切片），是原数组的一个view，不改变原数组（与golang语言切片概念相似）

使用场景：截取数组，返回截取的新数组，原数组不会改变。有别于splice,slice 是数组、字符串都可以使用

语法：arrayObject.slice(start,end)

start:必需，规定从何处开始选取，如是负数，规定从数组尾部开始算起，也就是说，-1指的是最后一个元素，-2指倒数第二个元素，依此类推；
end：可选，规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。
返回值：一个新的数组，包含从start到end（不包括该元素）的arrayObject中的元素。

image.png

split : 切割字符串，将字符串转化为字符串数组

image.png