Legge til et element til en matrise i JavaScript betyr å legge til et nytt element på slutten av matrisen. , forlenger denne prosessen matrisens lengde, og rommer nye data. JavaScript tilbyr flere metoder for å legge til elementer som godtar ett eller flere elementer som argumenter og legger dem til på slutten av matrisen.

Dette er følgende måter å løse problemet på:

Innholdsfortegnelse

• Bruker JavaScript push()-metoden
• Bruker JavaScript unshift()-metoden
• Bruker JavaScript splice()-metoden
• Bruker JavaScript concat()-metoden
• Javascript-spredningsoperatør
• Bruker Lodash _.concat() funksjon
• Bruke egenskapen array length

1. Bruke JavaScript push()-metoden

JavaScript push() metode vil legge til et element på slutten av en matrise, mens dens tvillingfunksjon, the pop()-metoden , vil fjerne et element fra enden av matrisen. Hvis du trenger å legge til et element eller flere elementer på slutten av en matrise, push() metode vil nesten alltid være det enkleste og raskeste alternativet.

Syntaks:

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

Eksempel: I dette eksemplet vil vi legge til nye elementer på slutten av matrisen ved å bruke push()-metoden.

// 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. Bruke JavaScript unshift()-metoden

JavaScript unshift() Metode vil legge til et element i begynnelsen av en matrise, mens dens tvillingfunksjon, shift(), vil fjerne ett element fra begynnelsen av matrisen.

Syntaks:

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

Eksempel: I dette eksemplet vil vi legge til nye elementer i begynnelsen av matrisen ved å bruke unshift()-metoden.

// 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. Bruke JavaScript splice()-metoden

JavaScript splice() Metode endrer innholdet i en matrise ved å fjerne eksisterende elementer og/eller legge til nye elementer.

Syntaks:

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

Eksempel: I dette eksemplet vil vi legge til nye elementer ved den tredje indeksen til matrisen ved å bruke spleise()-metoden.

// 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. Bruke JavaScript concat()-metoden

JavaScript concat() metode returnerer en ny kombinert matrise som består av matrisen den kalles på, koblet sammen med matrisen (eller matrisene) fra argumentet. Denne metoden brukes til å slå sammen to eller flere matriser, og denne metoden endrer ikke de eksisterende matrisene, men returnerer en ny matrise som inneholder verdiene til de sammenkoblede matrisene.

Syntaks:

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

Eksempel: I dette eksemplet vil vi slå sammen tre arrays ved å bruke concat()-metoden av 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-spredningsoperatør

Javascript-spredningsoperatør lar en iterable utvides på steder der 0+ argumenter forventes. Den brukes for det meste i den variable matrisen der det er forventet mer enn 1 verdi. Det gir oss privilegiet til å få en liste over parametere fra en matrise.

Syntaks:

let variablename1 = [...value]; 

Eksempel: Dette eksemplet viser implementeringen av den ovenfor forklarte tilnærmingen.

// 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. Bruke Lodash _.concat()-funksjonen

Mer enn 1 verdi er forventet. Det lar oss slå sammen verdier inn i matrisen.

Syntaks:

_.concat(array, [values]); 

Eksempel: Dette eksemplet viser implementeringen av den ovenfor forklarte tilnærmingen.

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

Produksjon:

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

7. Bruke egenskapen array length

JavaScript-matriser har en lengde-egenskap som kan brukes til å legge til elementer til slutten av en matrise dynamisk. Ved å tilordne en verdi til en indeks som er lik gjeldende lengde på arrayet, kan et nytt element legges til.

Eksempel:

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