Home / Questions / 1869
Accepted
Goyo
Asked: 2020-12-29 11:57:54 +0800 CST 2020-12-29 11:57:54 +0800 CST

如何从 JavaScript 或 jQuery 中的对象数组中删除一个对象？

  • 772

假设我有以下对象数组：

    var travelers = [
         {
           "name":"ana",
           "lastname":"gomez"
         },
         {
           "name":"juan",
           "lastname":"gomez"
         },
         {
           "name":"luis",
           "lastname":"gomez"
         },
         {
           "name":"pedro",
           "lastname":"gomez"
         }
    ];

我想知道是否有办法在纯JavaScript或jQuery中通过输入要删除的对象的位置从数组中删除对象。

javascript

4 Answers

  1. Best Answer

    您可以使用拼接：

    句法：

    array.splice(开始, deleteCount[, item1[, item2[, ...]]])

    例如，如果您想删除数组的第三个元素：

    travelers.splice(2, 1)

    数组看起来像这样：

    var travelers = [
     {
       "name":"ana",
       "lastname":"gomez"
     },
     {
       "name":"juan",
       "lastname":"gomez"
     },
     {
       "name":"pedro",
       "lastname":"gomez"
     }
];

    这样做的好处splice是您可以获得一个包含已删除内容的子数组，即，如果您愿意，可以将其保存以备后用：

    var elementoEliminado = travelers.splice(2, 1);

    该变量elementoEliminado将包含：

    [
    {
        "name":"luis",
        "lastname":"gomez"
    }   
]

    就我而言，我曾多次将其用作一种重定位器，例如，如果您想将第一个对象作为一种旋转传递给最后一个对象：

    > var array = [1,2,3,4,5]
> array.push(array.splice(0, 1)[0])
> array
[2, 3, 4, 5, 1]
> array.push(array.splice(0, 1)[0])
> array
[3, 4, 5, 1, 2]

    虽然我确信有更好的方法。

    另一种选择是使用delete运算符，但这实际上是删除属性：

    句法：

    删除表达式

    例子：

    delete travelers[0];

    现在，如果您想访问第一个元素，它将返回undefined，但索引存在，不像splice：

    travelers[0] // undefined
    • 10

  2. 您可以使用多种方法从中删除元素：

    //1
travelers.shift(); // remover primer elemento
//2
travelers = travelers.slice(1); // remover primer elemento
//3
travelers.splice(0,1); // remover primer elemento
//4
travelers.pop(); // remover último elemento

    如果要从 x 位置删除元素，请使用：

    travelers.splice(x,1);

    你也可以检查一下：JavaScript Array Reference

    • 8

  3. 有几种方法可以删除 javascript 中的元素。

    Array.prototype.splice

    要使用此方法，必须知道要删除的元素的索引。

    var arreglo = [1,2,3,4,5];

var indice = arreglo.indexOf(3); // obtenemos el indice
arreglo.splice(indice, 1); // 1 es la cantidad de elemento a eliminar

console.log( arreglo );

    Array.prototype.filter

    这个方法是在 EcmaScript 5 中引入的，使用 filter

    EcmaScript 5 的版本：

    var arreglo = [1,2,3,4,5];

arreglo = arreglo.filter(function(i) { return i !== 3 }); // filtramos

console.log( arreglo );

    EcmaScript 2015 版本：

    var arreglo = [1,2,3,4,5];

arreglo = arreglo.filter((i) => i !== 3); // filtramos

console.log( arreglo );

    • 4

  4. 在 Javascript 中有 operator delete，它从对象中删除一个属性（特别是，还可以删除数组中的一个元素）。

    问题是尽管它从数组中删除了元素，但它并没有改变同一个数组的其他索引。例如：

    var arboles = ['peumo', 'fresno', 'roble', 'acacio', 'pino'];
delete arboles[3];
if (3 in arboles) {
    // esta rama del código no se ejecuta
}
    • 2