最强大的数组方法 splice()

删除：可以删除任意数量的项，只需指定 2 个参数：要删除的第一项的位置和要删除的项数。例如:

splice(0,2) //会删除数组中的前两项。

插入：可以向指定位置插入任意数量的项，只需提供 3 个参数：起始位置、0（要删除的项数）和要插入的项。如果要插入多个项，可以再传入第四、第五，以至任意多个项。例如:

splice(2,0,"red","green") //会从当前数组的位置 2 开始插入字符串"red"和"green"

替换：可以向指定位置插入任意数量的项，且同时删除任意数量的项，只需指定 3 个参数：起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。例如:

splice (2,1,"red","green") //会删除当前数组位置 2 的项，然后再从位置 2 开始插入字符串"red"和"green"

var colors = ["red", "green", "blue"]

var removed = colors.splice(0, 1) // 删除第一项
console.log(colors) // green,blue
console.log(removed) // red，返回的数组中只包含一项

removed = colors.splice(1, 0, "yellow", "orange") // 从位置 1 开始插入两项
console.log(colors) // green,yellow,orange,blue
console.log(removed) // 返回的是一个空数组

removed = colors.splice(1, 1, "red", "purple"); // 插入两项，删除一项
console.log(colors) // green,red,purple,orange,blue
console.log(removed) // yellow，返回的数组中只包含一项

其他的数组操作方法：

slice() 基于当前数组中的一个或多个项创建一个新数组，可以接受一个或两个参数，返回参数指定位置的所有项，slice() 并不会影响原数组，[ start, end )

var colors = ['red', 'green', 'blue', 'yellow', 'purple']
var colors1 = colors.slice(1)
var colors2 = colors.colors.slice(1, 4)

console.log(colors1) //[green, blue, yellow, purple]
console.log(colors2) //[green, blue, yellow]

concat() 方法可以基于当前数组中的所有项创建一个新数组，返回数组

var colors = ["red", "green", "blue"]
var colors2 = colors.concat("yellow", ["black", "brown"])

console.log(colors) //[red,green,blue]
console.log(colors2) //[red,green,blue,yellow,black,brown]

最强大的数组方法 splice()

猜你喜欢