Pridanie prvku do poľa v JavaScripte znamená pridanie novej položky na koniec poľa. , tento proces predlžuje dĺžku poľa a prispôsobuje nové údaje. JavaScript ponúka niekoľko metód na pridávanie prvkov, ktoré akceptujú jeden alebo viac prvkov ako argumenty a pridávajú ich na koniec poľa.

Toto sú nasledujúce spôsoby riešenia problému:

Obsah

• Použitie metódy JavaScript push().
• Použitie metódy unshift() v JavaScripte
• Použitie metódy splice() JavaScriptu
• Použitie metódy JavaScript concat().
• Operátor rozšírenia Javascript
• Pomocou funkcie Lodash _.concat().
• Použitie vlastnosti dĺžky poľa

1. Použitie metódy JavaScript push().

JavaScript push() metóda pridá prvok na koniec poľa, zatiaľ čo jeho dvojitá funkcia, the metóda pop(). , odstráni prvok z konca poľa. Ak potrebujete pridať prvok alebo viacero prvkov na koniec poľa, metóda push(). bude takmer vždy vašou najjednoduchšou a najrýchlejšou možnosťou.

Syntax:

array.push(item1, item2, ..., itemX) 

Príklad: V tomto príklade budeme pridávať nové prvky na koniec poľa pomocou metódy push().

// 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. Použitie metódy unshift() JavaScriptu

JavaScript unshift() metóda pridá prvok na začiatok poľa, zatiaľ čo jeho dvojitá funkcia, shift(), odstráni jeden prvok zo začiatku poľa.

Syntax:

array.unshift(item1, item2, ..., itemX) 

Príklad: V tomto príklade budeme pridávať nové prvky na začiatok poľa pomocou metódy unshift().

// 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. Použitie metódy splice() JavaScriptu

JavaScript splice() metóda upravuje obsah poľa odstránením existujúcich prvkov a/alebo pridaním nových prvkov.

Syntax:

array.splice(index, amount, item1, ....., itemX) 

Príklad: V tomto príklade budeme pridávať nové prvky na 3. index poľa pomocou metódy splice().

// 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. Použitie metódy JavaScript concat().

JavaScript concat() metóda vráti nové kombinované pole zložené z poľa, na ktorom je volané, spojené s poľom (alebo poľami) z jeho argumentu. Táto metóda sa používa na spojenie dvoch alebo viacerých polí a táto metóda nemení existujúce polia, ale vracia nové pole obsahujúce hodnoty spojených polí.

Syntax:

array1.concat(array2, array3, ..., arrayX) 

Príklad: V tomto príklade zlúčime tri polia pomocou metóda concat(). jazyka 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. Operátor rozšírenia Javascript

Operátor rozšírenia Javascript umožňuje iterovateľné rozšírenie na miestach, kde sa očakávajú 0+ argumenty. Väčšinou sa používa v poli premenných, kde sa očakáva viac ako 1 hodnota. Umožňuje nám získať zoznam parametrov z poľa.

Syntax:

let variablename1 = [...value]; 

Príklad: Tento príklad ukazuje implementáciu vyššie vysvetleného prístupu.

// 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. Použitie funkcie Lodash _.concat().

Očakáva sa viac ako 1 hodnota. Umožňuje nám zlúčiť hodnoty do poľa.

Syntax:

_.concat(array, [values]); 

Príklad: Tento príklad ukazuje implementáciu vyššie vysvetleného prístupu.

// 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); 

Výkon:

Before concat: 1,2,3 After concat: 1,2,3,0,5,a,b 

7. Použitie vlastnosti dĺžky poľa

Polia JavaScript majú vlastnosť length, ktorú možno použiť na dynamické pridávanie prvkov na koniec poľa. Priradením hodnoty indexu, ktorá sa rovná aktuálnej dĺžke poľa, je možné pridať nový prvok.

Príklad:

// 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