Elemento pridėjimas prie masyvo „JavaScript“. reiškia naujo elemento įtraukimą į masyvo pabaigą. , šis procesas prailgina masyvo ilgį, įtraukdamas naujus duomenis. „JavaScript“ siūlo keletą elementų pridėjimo būdų, kurie priima vieną ar daugiau elementų kaip argumentus ir prideda juos prie masyvo pabaigos.

Tai yra šie problemos sprendimo būdai:

Turinys

• Naudojant JavaScript push() metodą
• Naudojant JavaScript unshift() metodą
• Naudojant JavaScript splice() metodą
• Naudojant JavaScript concat() metodą
• Javascript sklaidos operatorius
• Naudojant Lodash _.concat() funkciją
• Naudojant masyvo ilgio savybę

1. Naudojant JavaScript push() metodą

JavaScript push() metodas pridės elementą prie masyvo pabaigos, o jo dviguba funkcija pop() metodas , pašalins elementą iš masyvo pabaigos. Jei masyvo pabaigoje reikia pridėti elementą ar kelis elementus, push() metodas beveik visada bus paprasčiausias ir greičiausias pasirinkimas.

Sintaksė:

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

Pavyzdys: Šiame pavyzdyje mes pridėsime naujų elementų į masyvo pabaigą naudodami push () metodą.

// 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. Naudojant JavaScript unshift() metodą

JavaScript unshift() metodas pridės elementą į masyvo pradžią, o jo dviguba funkcija shift() pašalins vieną elementą iš masyvo pradžios.

Sintaksė:

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

Pavyzdys: Šiame pavyzdyje mes pridėsime naujų elementų į masyvo pradžią naudodami unshift() metodą.

// 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. Naudojant JavaScript splice() metodą

„JavaScript“ sujungimo () metodas pakeičia masyvo turinį pašalindamas esamus elementus ir (arba) pridėdamas naujų elementų.

Sintaksė:

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

Pavyzdys: Šiame pavyzdyje mes pridėsime naujų elementų prie 3-iojo masyvo indekso naudodami splice () metodą.

// 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. Naudojant JavaScript concat() metodą

JavaScript concat() metodas grąžina naują kombinuotą masyvą, sudarytą iš masyvo, kuriame jis iškviečiamas, sujungtą su masyvu (ar masyvais) iš jo argumento. Šis metodas naudojamas sujungti du ar daugiau masyvų ir šis metodas nekeičia esamų masyvų, o grąžina naują masyvą, kuriame yra sujungtų masyvų reikšmės.

Sintaksė:

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

Pavyzdys: Šiame pavyzdyje mes sujungsime tris masyvus naudodami concat() metodas „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 sklaidos operatorius

Javascript sklaidos operatorius leidžia iteracijai išsiplėsti tose vietose, kur tikimasi 0+ argumentų. Jis dažniausiai naudojamas kintamųjų masyve, kur tikimasi daugiau nei 1 reikšmės. Tai suteikia mums teisę gauti parametrų sąrašą iš masyvo.

Sintaksė:

let variablename1 = [...value]; 

Pavyzdys: Šis pavyzdys rodo aukščiau išaiškinto požiūrio įgyvendinimą.

// 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. Funkcijos Lodash _.concat() naudojimas

Tikimasi daugiau nei 1 vertės. Tai leidžia mums sujungti reikšmes į masyvą.

Sintaksė:

_.concat(array, [values]); 

Pavyzdys: Šis pavyzdys rodo aukščiau išaiškinto požiūrio įgyvendinimą.

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

Išvestis:

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

7. Naudojant masyvo ilgio savybę

„JavaScript“ masyvai turi ilgio savybę, kurią galima naudoti norint dinamiškai pridėti elementus prie masyvo pabaigos. Indeksui priskyrus reikšmę, lygią esamam masyvo ilgiui, galima pridėti naują elementą.

Pavyzdys:

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