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 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

    • 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 );

    Массив.прототип.фильтр

    Этот метод был введен в EcmaScript 5 с использованием фильтра

    Версия для 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 есть оператор delete, который удаляет свойство у объекта (и, в частности, может также удалять элемент в массиве).

    Проблема в том, что хотя он удаляет элемент из массива, он не изменяет другие индексы того же массива. Например:

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