首页 > 网络编程 > JavaScript > javascript技巧 > js删除数组元素

JavaScript如何删除数组元素(总结篇)

2023-12-19 12:10:47 作者：3721

在JavaScript中,除了Object之外,Array类型恐怕就是最常用的类型了,与其他语言的数组有着很大的区别,JavaScript中的Array非常灵活,今天我就来总结了一下JavaScript中Array删除的方法,感兴趣的朋友跟随小编一起看看吧

JavaScript中数组元素删除的七大方法汇总

在JavaScript中，除了Object之外，Array类型恐怕就是最常用的类型了。与其他语言的数组有着很大的区别，JavaScript中的Array非常灵活。今天我就来总结了一下JavaScript中Array删除的方法。大致的分类可以分为如下几类：

1、length
2、delete
3、栈方法
4、队列方法
5、操作方法
6、迭代方法
7、原型方法

下面我对上面说的方法做一一的举例和解释。

一、length

JavaScript中Array的length属性非常有特点一一它不是只读的。因此，通过设置这个属性可以从数组的末尾移除项或添加新项，请看下面例子：

 var colors = ["red", "blue", "grey"];   //创建一个包含3个字符串的数组
 colors.length = 2;
 console.log(colors[2]);  //undefined

二、delete关键字

 var arr = [1, 2, 3, 4];
 delete arr[0];
 console.log(arr);   //[undefined, 2, 3, 4]

可以看出来，delete删除之后数组长度不变，只是被删除元素被置为undefined了。

三、栈方法

 var colors = ["red", "blue", "grey"];
 var item = colors.pop();
 console.log(item);      //"grey"
 console.log(colors.length);    //2

可以看出，在调用Pop方法时，数组返回最后一项，即”grey”，数组的元素也仅剩两项。

四、队列方法

队列数据结构的访问规则是FIFO（先进先出），队列在列表的末端添加项，从列表的前端移除项，使用shift方法，它能够移除数组中的第一个项并返回该项，并且数组的长度减1。

 var colors = ["red", "blue", "grey"];
 var item = colors.shift();
 console.log(item);      //"red"
 console.log(colors.length);    //2

五、操作方法

splice()恐怕要算最强大的数组方法了，他的用法有很多种，在此只介绍删除数组元素的方法。在删除数组元素的时候，它可以删除任意数量的项，只需要指定2个参数：要删除的第一项的位置和要删除的项数，例如splice(0, 2)会删除数组中的前两项。

 var colors = ["red", "blue", "grey"];
 var item = colors.splice(0, 1);
 console.log(item);      //"red"
 console.log(colors);    //["blue", "grey"]

六、迭代方法

所谓的迭代方法就是用循环迭代数组元素发现符合要删除的项则删除，用的最多的地方可能是数组中的元素为对象的时候，根据对象的属性例如ID等等来删除数组元素。下面介绍两种方法：

第一种用最常见的ForEach循环来对比元素找到之后将其删除：

var colors = ["red", "blue", "grey"];
colors.forEach(function(item, index, arr) {
    if(item == "red") {
        arr.splice(index, 1);
    }
});

第二种我们用循环中的filter方法：

 var colors = ["red", "blue", "grey"];
 colors = colors.filter(function(item) {
     return item != "red"
 });
 console.log(colors);    //["blue", "grey"]

代码很简单，找出元素不是”red”的项数返回给colors（其实是得到了一个新的数组），从而达到删除的作用。

七、原型方法

通过在Array的原型上添加方法来达到删除的目的：

Array.prototype.remove = function(dx) {
    if(isNaN(dx) || dx > this.length){
        return false;
    }
    for(var i = 0,n = 0;i < this.length; i++) {
        if(this[i] != this[dx]) {
            this[n++] = this[i];
        }
    }
    this.length -= 1;
};
var colors = ["red", "blue", "grey"];
colors.remove(1);　　console.log(colors); //["red", "grey"]

JavaScript 删除数组中指定元素(5种方法)

JavaScript 删除数组中指定元素

在 JavaScript 中，数组是一种常见的数据类型，可以存储多个元素。有时候，我们需要从数组中删除某些特定的元素。本文将介绍如何使用 JavaScript 删除数组中指定的元素。

1.使用splice()方法删除元素

JavaScript 中的 splice() 方法可用于在数组中添加或删除元素。如果我们需要删除数组中的元素，可以使用 splice() 方法。该方法接受两个参数，第一个参数指定要删除的元素的位置，第二个参数指定要删除的元素个数。例如，我们可以使用以下代码删除数组中的第二个元素：

let myArray = ["apple", "banana", "orange", "grape"];
myArray.splice(1, 1);
console.log(myArray); // ["apple", "orange", "grape"]