Как легко добавлять и удалять любые элементы из массива JavaScript

В этом посте я хочу обсудить очень полезный способ добавления и удаления элементов из ЛЮБОГО индекса в массиве JavaScript.

Вы, вероятно, знакомы с push, pop, unshift и shift. Они наверняка пригодятся, если вы хотите добавлять и удалять элементы из начала или конца массива.

Однако существует МНОЖЕСТВО различных сценариев, когда вам нужно будет вставлять и удалять элементы массива из любой позиции.

Это стоит запомнить холод!

Начнем с множества животных…

const animals = ['😺' , '🙉' , '🧞','🦊', '🦁', '🐯', '🐵'];

Ждать! В списке под индексом 2 есть джинн. Не знаю, как он туда пробрался 😂. Давайте продолжим и удалим этот элемент массива.

const genieIndex = 2;
animals.splice(genieIndex,1);
console.log(animals);
// => ['😺' , '🙉' ,'🦊', '🦁', '🐯', '🐵'];

splice(index,1) удаляет элемент массива, расположенный по адресу index. Очень просто.

Теперь 🐶 чувствует себя обделенным, так что давайте добавим его в массив с index равным 2.

Опять же, мы можем использовать метод сращивания массивов.

const index = 2;
animals.splice(index, 0,'🐶');
console.log(animals);
// => ['😺' , '🙉' ,'🐶','🦊', '🦁', '🐯', '🐵'];

splice(index, 0,'🐶') вставляет эмодзи собаки в позицию index.

Теперь с помощью splice можно выполнять более сложные манипуляции с массивами. Однако начните с запоминания того, как добавлять и удалять элементы массива с помощью splice. Вы будете благодарить меня позже!

Если вам понравилась эта статья, загляните в мой блог Углубленный JavaScript для получения дополнительной информации. 🤓