slice、splice、split

一、slice

定义： slice() 方法可从已有的数组中返回选定的元素，不会改变原数组；

语法：arrayObject.slice(start,end)

参数	描述	备注
start	必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。	包含start
end	可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。	不包含end

返回值：一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。

代码示例：

let numbers = [1, 2, 3, 4, 5]
numbers.slice(0, 3)
// => [1, 2, 3]  包含起始位置的值，不包含结束位置的值

二、splice

定义：splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。

注释：该方法会改变原始数组。

语法：arrayObject.splice(index,howmany,item1,.....,itemX)

参数	描述	备注
index	必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置	包含start
howmany	必需。要删除的项目数量。如果设置为 0，则不会删除项目。	不包含end
item1,.....,itemX	可选。向数组添加的新项目。

返回值：包含被删除项目的新数组，如果有的话。

说明：splice() 方法可删除从 index 处开始的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。 如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组

请注意：splice() 方法与 slice() 方法的作用是不同的，splice() 方法会直接对数组进行修改。

代码示例：

let numbers = [1, 2, 3, 4, 5]

numbers.splice(0, 3, '9')
// => [1, 2, 3]
console.log(numbers)
// => [9, 4, 5]

三、split

定义：split() 方法用于把一个字符串分割成字符串数组。

语法：stringObject.split(separator,howmany)

参数	描述	备注
separator	必需。字符串或正则表达式，从该参数指定的地方分割 stringObject。	包含start
howmany	可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。	不包含end

返回值：一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。

代码示例：

var str = "How are you doing today?"

console.log(str.split(" ") + "<br />")
// => How,are,you,doing,today
console.log(str.split("") + "<br />")
// => H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,
console.log(str.split(" ", 3))
// => How,are,you

四、总结

•  slice并不会修改数组，而是返回一个子数组。如果想删除数组中的一段元素，应该使用方法 Array.splice()。
• split 如果把空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都会被分割。