Elementa pievienošana masīvam JavaScript nozīmē jauna vienuma pievienošanu masīva beigām. , šis process pagarina masīva garumu, iekļaujot jaunus datus. JavaScript piedāvā vairākas metodes elementu pievienošanai, kas pieņem vienu vai vairākus elementus kā argumentus un pievieno tos masīva beigām.

Tālāk ir norādīti problēmas risināšanas veidi.

Satura rādītājs

• Izmantojot JavaScript push() metodi
• Izmantojot JavaScript unshift() metodi
• Izmantojot JavaScript splice() metodi
• Izmantojot JavaScript concat() metodi
• Javascript izplatības operators
• Izmantojot funkciju Lodash _.concat().
• Izmantojot masīva garuma rekvizītu

1. Izmantojot JavaScript push() metodi

JavaScript push() metode pievienos elementu masīva beigām, savukārt tā dubultfunkcija pop() metode , noņems elementu no masīva beigām. Ja masīva beigās jāpievieno elements vai vairāki elementi, push() metode gandrīz vienmēr būs jūsu vienkāršākais un ātrākais risinājums.

Sintakse:

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

Piemērs: Šajā piemērā mēs pievienosim jaunus elementus masīva beigām, izmantojot push () metodi.

// 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. Izmantojot JavaScript unshift() metodi

JavaScript unshift() metode pievienos elementu masīva sākumam, savukārt tā dubultfunkcija shift() noņems vienu elementu no masīva sākuma.

Sintakse:

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

Piemērs: Šajā piemērā mēs pievienosim jaunus elementus masīva sākumam, izmantojot unshift() metodi.

// 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() metodes izmantošana

JavaScript splice() metode maina masīva saturu, noņemot esošos elementus un/vai pievienojot jaunus elementus.

Sintakse:

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

Piemērs: Šajā piemērā mēs pievienosim jaunus elementus masīva 3. indeksā, izmantojot splice() metodi.

// 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. Izmantojot JavaScript concat() metodi

JavaScript concat() metode atgriež jaunu kombinētu masīvu, kas sastāv no masīva, kurā tas tiek izsaukts, savienots ar masīvu (vai masīviem) no tā argumenta. Šo metodi izmanto, lai savienotu divus vai vairākus masīvus, un šī metode nemaina esošos masīvus, bet atgriež jaunu masīvu, kas satur savienoto masīvu vērtības.

Sintakse:

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

Piemērs: Šajā piemērā mēs apvienosim trīs masīvus, izmantojot concat() metode 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 izplatības operators

Javascript izplatības operators ļauj iterācijai paplašināties vietās, kur ir sagaidāmi 0+ argumenti. To galvenokārt izmanto mainīgo masīvā, kur ir paredzēta vairāk nekā 1 vērtība. Tas dod mums tiesības iegūt parametru sarakstu no masīva.

Sintakse:

let variablename1 = [...value]; 

Piemērs: Šis piemērs parāda iepriekš izskaidrotās pieejas ieviešanu.

// 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. Funkcijas Lodash _.concat() izmantošana

Ir paredzēta vairāk nekā 1 vērtība. Tas ļauj mums sapludināt vērtības masīvā.

Sintakse:

_.concat(array, [values]); 

Piemērs: Šis piemērs parāda iepriekš izskaidrotās pieejas ieviešanu.

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

Izvade:

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

7. Izmantojot masīva garuma rekvizītu

JavaScript masīviem ir garuma rekvizīts, ko var izmantot, lai dinamiski pievienotu elementus masīva beigām. Piešķirot indeksam vērtību, kas ir vienāda ar pašreizējo masīva garumu, var pievienot jaunu elementu.

Piemērs:

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