JavaScript数组方法学习（一）：数组元素的增加和删除

叁五程序员

已于 2022-07-27 15:21:05 修改

阅读量2.7k

点赞数 1

分类专栏： JavaScript 文章标签： javascript 前端

于 2022-07-25 22:02:47 首次发布

本文链接：https://blog.csdn.net/qq_53002615/article/details/125982974

版权

3 篇文章 0 订阅

订阅专栏

前言

数组在开发中扮演着十分重要的角色，所以学会对数组的各种操作也是非常的重要。
在本文中，我将介绍对数组的增加和删除元素的方法。

将元素添加到数组的起始位置，会改变原数组

代码如下：

let arr = [1,2,3]
arr.unshift(0)
console.log(arr)	// [0,1,2,3]

将元素添加到数组的末尾位置，会改变原数组

代码如下：

let arr = [1,2,3]
arr.push(4)
console.log(arr)	// [1,2,3,4]

splice() 方法用于添加或删除数组中的元素，在这里将展示添加的用法
splice方法有三个参数index、howmany、items

参数	说明
index	必需。从原数组的下标何处开始对数组进行添加或删除操作（下标可为正、负）
howmany	可选。规定应该删除多少元素。必须是数字，但可以是 "0"如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素
items	可选。要添加到数组的新元素

howmany为0，添加元素，代码如下：

let arr = [1,2,3]
arr.splice(1,0,'new1','new2')	// 表示在arr下标为1的地方，不删除元素，添加两个新元素
console.log(arr)	// [1, 'new1', 'new2', 2, 3]

howmany为1，添加元素，代码如下：

let arr = [1,2,3]
arr.splice(1,1,'new1','new2')	// 表示删除arr中下标为1的元素，添加两个新元素
console.log(arr)	// [1, 'new1', 'new2', 3]

shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值，会改变原数组

代码如下：

let arr = [1,2,3]
arr.shift()
console.log(arr)	// [2, 3]

pop() 方法用于删除数组的最后一个元素并返回删除的元素，会改变原数组

代码如下：

let arr = [1,2,3]
arr.pop()
console.log(arr)	// [1, 2]

splice() 方法用于添加或删除数组中的元素，在这里将展示删除的用法
splice方法有三个参数index、howmany、items

参数	说明
index	必需。从原数组的下标何处开始对数组进行添加或删除操作（下标可为正、负）
howmany	可选。规定应该删除多少元素。必须是数字，但可以是 "0"如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素
items	可选。要添加到数组的新元素

当设置howmany的值时，代码如下：

let arr = [1,2,3,4,5]
arr.splice(1,2)		// 表示从数组下标为1处开始删除，删除两个元素
console.log(arr)	// [1, 4, 5]

当不设置howmany的值时，代码如下：

let arr = [1,2,3,4,5]
arr.splice(1)		// 表示从数组下标为1处开始删除，删除后面的所有元素
console.log(arr)	// [1]

以上就是今天要讲的内容，本文介绍了对数组元素的增加和删除方法，而对数组的处理还有很多方法等待着我们去学习，我将会在后续的文章中为大家一一展示。如果觉得对你有用就点个赞吧！

关注