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数组操作:从任意位置插入元素及合并

赞 (0)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)