Tilføjelse af et element til en matrix i JavaScript betyder tilføjelse af et nyt element til slutningen af ​​arrayet. , forlænger denne proces arrayets længde og rummer nye data. JavaScript tilbyder flere metoder til at tilføje elementer, som accepterer et eller flere elementer som argumenter og tilføjer dem til slutningen af ​​arrayet.

Disse er følgende måder at løse problemet på:

Indholdsfortegnelse

• Brug af JavaScript push() metode
• Brug af JavaScript unshift()-metoden
• Brug af JavaScript splice() metode
• Brug af JavaScript concat()-metoden
• Javascript-spredningsoperatør
• Brug af Lodash _.concat() funktion
• Brug af egenskaben array length

1. Brug af JavaScript push()-metoden

JavaScript push() metode vil tilføje et element til slutningen af ​​et array, mens dets tvillingefunktion, den pop() metode , vil fjerne et element fra enden af ​​arrayet. Hvis du har brug for at tilføje et element eller flere elementer til slutningen af ​​et array, push() metode vil næsten altid være din enkleste og hurtigste mulighed.

Syntaks:

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

Eksempel: I dette eksempel vil vi tilføje nye elementer til slutningen af ​​arrayet ved hjælp af 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. Brug af JavaScript unshift()-metoden

JavaScript unshift() metode vil tilføje et element til begyndelsen af ​​et array, mens dets tvillingefunktion, shift(), vil fjerne et element fra begyndelsen af ​​arrayet.

Syntaks:

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

Eksempel: I dette eksempel vil vi tilføje nye elementer til begyndelsen af ​​arrayet ved hjælp af 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. Brug af JavaScript splice()-metoden

JavaScript splice() Metode ændrer indholdet af et array ved at fjerne eksisterende elementer og/eller tilføje nye elementer.

Syntaks:

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

Eksempel: I dette eksempel vil vi tilføje nye elementer ved arrayets 3. indeks ved hjælp af splice()-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. Brug af JavaScript concat()-metoden

JavaScript concat() metode returnerer et nyt kombineret array bestående af arrayet, som det kaldes på, forbundet med arrayet (eller arrays) fra dets argument. Denne metode bruges til at forbinde to eller flere arrays, og denne metode ændrer ikke de eksisterende arrays, men returnerer et nyt array, der indeholder værdierne af de sammenføjede arrays.

Syntaks:

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

Eksempel: I dette eksempel vil vi flette tre arrays sammen ved hjælp af concat() metode af 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 tillader en iterable at udvide på steder, hvor der forventes 0+ argumenter. Det bruges mest i det variable array, hvor der forventes mere end 1 værdi. Det giver os privilegiet til at få en liste over parametre fra et array.

Syntaks:

let variablename1 = [...value]; 

Eksempel: Dette eksempel viser implementeringen af ​​den ovenfor forklarede tilgang.

// 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. Brug af Lodash _.concat() funktion

Der forventes mere end 1 værdi. Det giver os mulighed for at flette værdier ind i arrayet.

Syntaks:

_.concat(array, [values]); 

Eksempel: Dette eksempel viser implementeringen af ​​den ovenfor forklarede tilgang.

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

Produktion:

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

7. Brug af egenskaben array length

JavaScript-arrays har en længdeegenskab, der kan bruges til at tilføje elementer til enden af ​​et array dynamisk. Ved at tildele en værdi til et indeks, der er lig med den aktuelle længde af arrayet, kan et nyt element tilføjes.

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