Додавання елемента до масиву в JavaScript означає додавання нового елемента в кінець масиву. , цей процес збільшує довжину масиву, вміщуючи нові дані. JavaScript пропонує кілька методів додавання елементів, які приймають один або кілька елементів як аргументи та додають їх у кінець масиву.
Це такі способи вирішення проблеми:
Зміст
- Використання методу JavaScript push().
- Використання методу JavaScript unshift().
- Використання методу JavaScript splice().
- Використання методу JavaScript concat().
- Оператор поширення Javascript
- Використання функції Lodash _.concat().
- Використання властивості довжини масиву
1. Використання методу JavaScript push().
Метод JavaScript push(). додасть елемент у кінець масиву, тоді як його подвійна функція, the метод pop(). , видалить елемент із кінця масиву. Якщо вам потрібно додати елемент або декілька елементів у кінець масиву, метод push(). майже завжди буде найпростішим і найшвидшим варіантом.
Синтаксис:
array.push(item1, item2, ..., itemX)>
приклад: У цьому прикладі ми будемо додавати нові елементи в кінець масиву за допомогою методу push().
javascript // Input array let Geeks = ['Geeks1', 'Geeks2', 'Geeks3', 'Geeks4']; // Display input array console.log('Original Array: ' + Geeks); // Pushing arrays Geeks.push('Geeks5', 'Geeks6'); // Display updated array console.log('Updated Array: ' + Geeks);> Вихід
Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks1,Geeks2,Geeks3,Geeks4,Geeks5,Geeks6>
2. Використання методу JavaScript unshift().
Метод JavaScript unshift(). додасть елемент на початок масиву, тоді як його подвійна функція shift() видалить один елемент з початку масиву.
Синтаксис:
array.unshift(item1, item2, ..., itemX)>
приклад: У цьому прикладі ми будемо додавати нові елементи на початок масиву за допомогою методу unshift().
javascript // Input array let Geeks = ['Geeks1', 'Geeks2', 'Geeks3', 'Geeks4']; // Display input array console.log('Original Array: ' + Geeks); // Adding element in begining Geeks.unshift('Geeks5', 'Geeks6'); // Display updated array console.log('Updated Array: ' + Geeks);> Вихід
Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks5,Geeks6,Geeks1,Geeks2,Geeks3,Geeks4>
3. Використання методу JavaScript splice().
Метод JavaScript splice(). змінює вміст масиву, видаляючи існуючі елементи та/або додаючи нові елементи.
Синтаксис:
array.splice(index, amount, item1, ....., itemX)>
приклад: У цьому прикладі ми будемо додавати нові елементи за 3-м індексом масиву за допомогою методу splice().
Javascript // Input array let Geeks = ['Geeks1', 'Geeks2', 'Geeks3', 'Geeks4']; // Display input array console.log('Original Array: ' + Geeks); // Update array using slice Geeks.splice(2, 1, 'Geeks5', 'Geeks6'); // Display updated array console.log('Updated Array: ' + Geeks);> Вихід
Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks1,Geeks2,Geeks5,Geeks6,Geeks4>
4. Використання методу JavaScript concat().
Метод JavaScript concat(). повертає новий комбінований масив, що складається з масиву, для якого він викликається, об’єднаного з масивом (чи масивами) з його аргументу. Цей метод використовується для об’єднання двох або більше масивів, і цей метод не змінює існуючі масиви, а повертає новий масив, що містить значення об’єднаних масивів.
Синтаксис:
array1.concat(array2, array3, ..., arrayX)>
приклад: У цьому прикладі ми об’єднаємо три масиви за допомогою метод concat(). JavaScript.
Javascript // Input arrays let g1 = ['Geeks1', 'Geeks2']; let g2 = ['Geeks3', 'Geeks4']; let g3 = ['GeeksForGeeks']; // Concate g1, g2 and g3 into g4 let g4 = g1.concat(g2, g3); //Display output console.log(g4);>
Вихід
[ 'Geeks1', 'Geeks2', 'Geeks3', 'Geeks4', 'GeeksForGeeks' ]>
5. Оператор поширення Javascript
Оператор поширення Javascript дозволяє iterable розширюватися в місцях, де очікується 0+ аргументів. Здебільшого він використовується в масиві змінних, де очікується більше ніж 1 значення. Це дає нам привілей отримати список параметрів із масиву.
Синтаксис:
let variablename1 = [...value];>
приклад: Цей приклад демонструє реалізацію описаного вище підходу.
Javascript // Input arrays let Array1 = [2, 4, 6, 8]; let Array2 = [3, 5, 7] // Combine and create new array // using spread operator newArray = [ ...Array1, ...Array2] // Display output console.log(newArray);>
Вихід
[ 2, 4, 6, 8, 3, 5, 7 ]>
6. Використання функції Lodash _.concat().
Очікується більше 1 значення. Це дозволяє нам об’єднувати значення в масив.
Синтаксис:
_.concat(array, [values]);>
приклад: Цей приклад демонструє реалізацію описаного вище підходу.
Javascript // Requiring the lodash library let lodash = require('lodash'); // Original array to be concatenated let array = [1, 2, 3]; // Values to be added to original array let values = [0, 5, 'a', 'b'] let newArray = lodash.concat(array, values); console.log('Before concat: ' + array); // Printing newArray console.log('After concat: ' + newArray);> Вихід:
Before concat: 1,2,3 After concat: 1,2,3,0,5,a,b>
7. Використання властивості довжини масиву
Масиви JavaScript мають властивість length, яку можна використовувати для динамічного додавання елементів у кінець масиву. Присвоюючи значення індексу, що дорівнює поточній довжині масиву, можна додати новий елемент.
приклад:
JavaScript // Input array let Geeks = ['Geeks1', 'Geeks2', 'Geeks3', 'Geeks4']; // Display input array console.log('Original Array: ' + Geeks); // Append element using the length property Geeks[Geeks.length] = 'Geeks5'; // Display updated array console.log('Updated Array: ' + Geeks);> Вихід
Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks1,Geeks2,Geeks3,Geeks4,Geeks5>