В этой статье я хочу рассказать о суперполезном способе добавления и удаления элементов с ЛЮБОГО индекса в массиве 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. Позже вы скажете мне спасибо!
Если вам понравилась эта статья, пожалуйста, загляните в мой блог
Indepth JavaScript для более глубокого изучения
контент.