JavaScript数组操作：从任意位置插入元素及合并

对于前端来说，操作数组是难免会用到的，下面整理了在数组任意位置插入元素的方法：

splice() 方法

添加/删除数组中的元素，我理解为是替换数组中的项目。

语法：

arr.splice(index, howmany , 'item1', 'item2', ...)

index 插入/删除的位置（下标）

howmany 需要删除/替换的项目个数，该参数为 0，则不删除项目，或者说直接添加项目。

items 需要插入/添加的项目

实例1：向从数组中插入元素

var name = ['Tom', 'Janny', 'Mary']
name.splice(2, 0, 'Jams', 'Tumls')
console.log(name)
 
# ["Tom", "Janny", "Jams", "Tumls", "Mary"]

上面的实例，是从第3个位置插入元素。

实例2：从数组中删除元素

var name = ['Tom', 'Janny', 'Mary']
name.splice(2, 1)
console.log(name)
 
# ["Tom", "Janny"]

实例3：替换数组中的元素

var name = ['Tom', 'Janny', 'Mary']
name.splice(1, 2, 'Jams')
console.log(name)
 
# ["Tom", "Jams"]

上面的实例，是从第2个开始，把2个元素替换成新的元素。

unshift() 方法

从数组的开头添加一个或多个元素。

语法：

arr.unshift('item1', 'item2', ...)

示例：

var color = ['red', 'blue', 'yellow']
color.unshift('black', 'gary')
console.log(color)
 
# ["black", "gary", "red", "blue", "yellow"]

push() 方法

向数组的末尾添加一个或多个元素。

语法：

arr.push('item1', 'item2', ...)

示例：

var color = ['red', 'blue', 'yellow']
color.push('black', 'gary')
console.log(color)
 
# ["red", "blue", "yellow", "black", "gary"]

concat() 方法

连接一个或多个数组。

语法：

arr.concat(arr1, arr2, arr3, ...)

这里 arr1 是必填参数，可以是具体的值，也可以是数组对象。可以是任意多个。

实例1：连接两个数组

var arr1 = ['1', '2', '3']
var arr2 = ['4', '5']
var arr3 = ['6', '7']
arr = arr1.concat(arr2, arr3)
console.log(arr)
 
# ["1", "2", "3", "4", "5", "6", "7"]

实例2：也可以直接连接一个或多个值

var arr1 = ['1', '2', '3']
arr = arr1.concat('4', '5', '6')
console.log(arr)
 
# ["1", "2", "3", "4", "5", "6"]

未经允许不得转载：前端资源网 - w3h5 » JavaScript数组操作：从任意位置插入元素及合并