Функції JavaScript “Додати в масив” (push vs unhift vs інші)

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

Не соромтеся натискати на посилання нижче, щоб перейти до пояснення кожного методу:

  1. Використовуючи push (), щоб додати до кінця масиву
  2. Використовуючи unshift (), щоб додати до початку масиву
  3. Використання splice () для додавання елементів у масив
  4. Використання concat () для комбінування та створення нових довших масивів
  5. Використання позначення індексу для визначення індексу, до якого потрібно додати елемент

Тепер обговоримо, як і коли виконувати кожну з цих команд.

Додати до кінця масиву за допомогою push ()

Метод push () додасть елемент до кінця масиву, тоді як його функція twin, метод pop (), видалить елемент з кінця масиву.

Щоб додати елемент до кінця масиву за допомогою push (), ви зробите це:

1
2
3

var list = ["foo", "бар"];

list.push ("баз");

["foo", "бар", "баз"] // результат

Ви також можете додати кілька елементів до масиву за допомогою push (), як показано нижче:

1
2
3

var list = ["foo", "бар"];

list.push ("баз", "qux", "etcetera");

["foo", "бар", "баз", "qux", "etcetera"] // результат

Якщо вам потрібно додати елемент або кілька елементів до кінця масиву, метод push () майже завжди буде вашим найпростішим і швидким варіантом.

Додати до початку масиву, використовуючи невмикання ()

Метод unshift () додасть елемент до початку масиву, тоді як його функція twin, shift (), видалить один елемент з початку масиву.

Щоб додати елемент до початку масиву, використовуючи unshift (), спробуйте це:

1
2
3

var list = ["foo", "бар"];

list.unshift ("баз");

["баз", "foo", "бар"] // результат

Щоб додати кілька елементів до початку масиву, використовуючи unshift (), спробуйте:

1
2
3

var list = ["foo", "бар"];

list.unshift ("баз", "qux");

["баз", "qux", "foo", "бар"] // результат

Якщо вам потрібно додати елементи до початку масиву, метод unshift () майже завжди буде вашим найпростішим і швидким варіантом.

Додавання елементів до середини масиву за допомогою сплайсу ()

Метод splice () змінює вміст масиву, видаляючи існуючі елементи та / або додаючи нові елементи.

Нижче ви знайдете правильний синтаксис функції splice ():

1 array.splice (start, deleteCount [, item1 [, item2 [, …]]])

Якщо ви хочете вставити елемент (або елементи) в певну точку десь у масиві, окрім початку чи кінця, то, швидше за все, вам слід скористатися методом splice ().

Для використання splice () ваш код повинен виглядати так:

1
2
3
4

var list = ["foo", "бар"];

list.splice (1, 0, "баз"); // у позиції індексу 1 видаліть 0 елементів, а потім додайте "баз" до цієї посади

                           // елемент "бар" тепер автоматично буде переміщено в індексну позицію 2

["foo", "баз", "бар"] // результат

Щоб додати кілька елементів у середину масиву за допомогою splice (), спробуйте це:

1
2
3

var list = ["foo", "бар"];

list.splice (1, 0, "баз", "qux");

["foo", "баз", "qux", "бар"] // результат

Команда сплайсингу – це як маніпуляція з масивом швейцарського армійського ножа; однак, спершу слід спробувати скористатися набагато простішими командами натискання або невмикання, перш ніж використовувати splice () для додавання до масиву.

Додати до масиву, створивши новий масив за допомогою concat ()

Метод concat () повертає новий об’єднаний масив, що складається з масиву, на який він викликається, об’єднаного з масивом (або масивами) з його аргументу.

Щоб додати деякі елементи до іншого масиву за допомогою concat (), виконайте наступне:

1
2
3

var list = ["foo", "бар"];

var newlist = list.concat (["баз", "qux"]);

["foo", "бар", "баз", "qux"] // результат нового списку

Також можна безпосередньо додати значення без масиву, використовуючи concat ():

1
2
3

var list = ["foo", "бар"];

var newlist = list.concat ( "баз", "qux" );

["foo", "бар", "баз", "qux"] // результат нового списку

Метод concat () – це просте рішення в ситуаціях, коли вам потрібно об’єднати деякі масиви разом, не роздуваючи свій код для циклів або інших ітеративних циклів.

Додайте елемент масиву в конкретний індекс, використовуючи позначення індексу

Ми також можемо безпосередньо маніпулювати масивом без використання будь-яких методів масиву, посилаючись на позицію індексу в масиві.

Тут ми додаємо два нових елементи у вказаних позиціях:

1
2
3
4

var list = ["foo", "бар"];

список [2] = "баз"; // Додати елемент "баз" до індексної позиції 2 в масиві

список [3] = "qux";

["foo", "бар", "баз", "qux"] // результат

Тут ми додаємо елемент до кінця масиву:

1
2
3

var list = ["foo", "бар"];

list [list.length] = "баз"; // Додати елемент "баз" до кінця масиву

["foo", "бар", "баз"] // результат

Метод позначення індексу часто корисний, коли ви точно знаєте, де розмістити елемент у масиві, незалежно від того, де це місце може бути. Ця ситуація часто стосується багатьох видів реалізації алгоритмів.

Заключні слова щодо додавання масиву в JavaScript

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me