首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript数组操作:从任意位置插入元素及合并

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

作者头像
德顺
发布2020-12-17 10:24:49
9480
发布2020-12-17 10:24:49
举报
文章被收录于专栏:前端资源前端资源

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

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • splice() 方法
  • unshift() 方法
  • push() 方法
  • concat() 方法
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档