JavaScript 数组添加或者删除元素

快乐打工仔 分类:实例代码

JavaScript 数组添加或者删除元素属于前端实例代码,有关更多实例代码大家可以查看

本文介绍一下JavaScript如何添加或者删除数组中的元素。

删除和添加数组元素方式有多种,分别如下:

(1).数组首尾删除或者添加元素。

(2).在数组任意位置添加元素或者删除任意位置的元素。

一.添加数组元素:

(1).在数组元素结尾追加一个元素:

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

代码运行效果截图如下:

前端教程

成功在数组结尾追加数字5,更多内容参阅JavaScript push()一章节。

(2).在数组元素起始位置添加一个元素:

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

代码运行效果截图如下:

前端教程

成功在数组起始位置添加数字0,更多内容参阅JavaScript unshift()一章节。

(3).在任意位置插入元素:

let arr=[1,2,3,4];
Array.prototype.insert=function(index,item){
  this.splice(index,0,item);
}; 
arr.insert(2,10);
console.log(arr)

代码运行效果截图如下:

前端教程

上述代码可以在数组索引位置2处插入数字10。代码分析如下:

(1).数组对象自身并没有insert方法,所以在构造函数Aarry原型之上自定义此方法。

(2).实现此功能的关键在于对splice的理解,简单的说,此方法可以从指定位置开始使用新元素替换指定数量数组元素,比如splice(index,0,item),就是从index位置开始,使用新元素item替换0个数组元素,也就是在index位置插入新元素。

相关阅读:

(1).关于splice方法具体用法参阅JavaScript splice()一章节。

(2).关于prototype具体用法参阅JavaScript prototype 原型一章节。

二.删除数组元素:

(1).删除数组结尾元素:

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

代码运行效果截图如下:

前端教程

成功将数组最后一个元素删除,更多内容可以参阅JavaScript pop()一章节。

(2).删除数组起始元素:

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

代码运行效果截图如下:

前端教程

成功将数组第一个元素删除,更多内容可以参阅JavaScript shift()一章节。

(3).删除数组中任意元素:

let arr=[1,2,3,4];
Array.prototype.delete=function(index){
  this.splice(index,1);
}; 
arr.delete(2);
console.log(arr)

代码运行效果截图如下:

前端教程

上面代码可以删除索引为2的数组元素,也就是删除数组的第三个元素。

关键还是对splice方法的理解,这里不多介绍,具体参阅相关文章即可。

JavaScript 数组添加或者删除元素,这样的场景在实际项目中还是用的比较多的,关于JavaScript 数组添加或者删除元素就介绍到这了。

回复

我来回复
  • 暂无回复内容