JavaScript Array splice() Метод — це вбудований метод у JavaScript, який використовується для зміни вмісту масиву шляхом видалення або заміни наявних елементів та/або додавання нових елементів. Він змінює вихідний масив і повертає масив видалених елементів.

Синтаксис Array splice():

Array.splice( index, remove_count, item_list )>

• індекс: Це обов'язковий параметр. Цей параметр є індексом, з якого починається модифікація масиву (з початком координат 0). Це також може бути негативним, що починається після багатьох елементів, починаючи з кінця.
• remove_count: Кількість елементів, які потрібно видалити з початкового індексу.
• items_list: Список нових елементів, розділених комами, які потрібно вставити з початкового індексу.

Повернене значення

Хоча він змінює вихідний масив на місці, він все одно повертає список вилучених елементів. Якщо видаленого масиву немає, повертається порожній масив.

Приклад Array splice().

Ось базовий приклад методу Array splice().

завантажити відео з youtube vlc

let webDvlop = ['HTML', 'CSS', 'JS', 'Bootstrap']; console.log(webDvlop); // Add 'React_Native' and 'Php' after removing 'JS'. let removed = webDvlop.splice(2, 1, 'PHP', 'React_Native') console.log(webDvlop); console.log(removed); // No Removing only Insertion from 2nd  // index from the ending webDvlop.splice(-2, 0, 'React') console.log(webDvlop)>

[ 'HTML', 'CSS', 'JS', 'Bootstrap' ] [ 'HTML', 'CSS', 'PHP', 'React_Native', 'Bootstrap' ] [ 'JS' ] [ 'HTML', 'CSS', 'PHP', 'React', 'React_Native', 'Bootstrap' ]>

Пояснення:

Цей код JavaScript демонструє роботу з масивом `webDvlop`. Спочатку він записує вміст масиву. Потім він видаляє JS з індексу 2 і вставляє PHP і React_Native на його місце, реєструючи змінений масив і видалений елемент. Нарешті, він вставляє React за передостаннім індексом, записуючи остаточний масив.

Приклад Array splice().

Ось ще один приклад методу Array splice().

розірвати карту

let languages = ['C++', 'Java', 'Html', 'Python', 'C']; console.log(languages); // Add 'Julia' and 'Php' after removing 'Html'. let removed = languages.splice(2, 1, 'Julia', 'Php') console.log(languages); console.log(removed); // No Removing only Insertion from 2nd index from the ending languages.splice(-2, 0, 'Pascal') console.log(languages)>

[ 'C++', 'Java', 'Html', 'Python', 'C' ] [ 'C++', 'Java', 'Julia', 'Php', 'Python', 'C' ] [ 'Html' ] [ 'C++', 'Java', 'Julia', 'Php', 'Pascal', 'Python', 'C' ]>

Пояснення:

Цей код JavaScript працює з масивом «мови». Спочатку він записує вміст масиву. Потім він видаляє Html з індексу 2 і вставляє Julia та Php на його місце, реєструючи змінений масив і видалений елемент. Нарешті, він вставляє Pascal за передостаннім індексом, записуючи остаточний масив.

У нас є повний список методів Javascript Array, щоб перевірити їх, перегляньте це Javascript Array Повний довідник стаття.

Підтримувані браузери:

• Гугл хром
• Край
• Internet Explorer
• Firefox
• Опера
• Сафарі