Adăugarea unui element la o matrice în JavaScript înseamnă adăugarea unui nou element la sfârșitul matricei. , acest proces extinde lungimea matricei, găzduind date noi. JavaScript oferă mai multe metode pentru a adăuga elemente care acceptă unul sau mai multe elemente ca argumente și le adaugă la sfârșitul matricei.
Acestea sunt următoarele moduri de a rezolva problema:
Cuprins
- Folosind metoda JavaScript push().
- Folosind metoda JavaScript unshift().
- Folosind metoda JavaScript splice().
- Folosind metoda JavaScript concat().
- Operator de răspândire Javascript
- Folosind funcția Lodash _.concat().
- Folosind proprietatea array length
1. Folosind metoda JavaScript push().
Metoda JavaScript push(). va adăuga un element la sfârșitul unui tablou, în timp ce funcția sa dublă, the metoda pop(). , va elimina un element de la sfârșitul matricei. Dacă trebuie să adăugați un element sau mai multe elemente la sfârșitul unei matrice, aplicația metoda push(). va fi aproape întotdeauna cea mai simplă și mai rapidă opțiune.
Sintaxă:
array.push(item1, item2, ..., itemX)>
Exemplu: În acest exemplu, vom adăuga elemente noi la sfârșitul matricei folosind metoda push().
javascript // 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);> Ieșire
Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks1,Geeks2,Geeks3,Geeks4,Geeks5,Geeks6>
2. Folosind metoda JavaScript unshift().
Metoda JavaScript unshift(). va adăuga un element la începutul unei matrice, în timp ce funcția sa dublă, shift(), va elimina un element de la începutul matricei.
Sintaxă:
array.unshift(item1, item2, ..., itemX)>
Exemplu: În acest exemplu, vom adăuga elemente noi la începutul matricei folosind metoda unshift().
javascript // 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);> Ieșire
Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks5,Geeks6,Geeks1,Geeks2,Geeks3,Geeks4>
3. Folosind metoda JavaScript splice().
Metoda JavaScript splice(). modifică conținutul unei matrice prin eliminarea elementelor existente și/sau adăugarea de elemente noi.
Sintaxă:
array.splice(index, amount, item1, ....., itemX)>
Exemplu: În acest exemplu, vom adăuga elemente noi la al treilea index al matricei folosind metoda splice().
Javascript // 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);> Ieșire
Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks1,Geeks2,Geeks5,Geeks6,Geeks4>
4. Folosind metoda JavaScript concat().
Metoda JavaScript concat(). returnează o nouă matrice combinată compusă din matricea pe care este apelată, unită cu matricea (sau matricele) din argumentul său. Această metodă este folosită pentru a uni două sau mai multe matrice și această metodă nu modifică matricele existente, ci returnează o nouă matrice, care conține valorile matricelor unite.
Sintaxă:
array1.concat(array2, array3, ..., arrayX)>
Exemplu: În acest exemplu, vom îmbina trei matrice împreună folosind metoda concat(). de JavaScript.
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);>
Ieșire
[ 'Geeks1', 'Geeks2', 'Geeks3', 'Geeks4', 'GeeksForGeeks' ]>
5. Operator de răspândire Javascript
Operator de răspândire Javascript permite extinderea unui iterabil în locurile în care sunt așteptate 0+ argumente. Este folosit mai ales în matricea de variabile, unde se așteaptă mai mult de o valoare. Ne permite privilegiul de a obține o listă de parametri dintr-o matrice.
Sintaxă:
let variablename1 = [...value];>
Exemplu: Acest exemplu arată implementarea abordării explicate mai sus.
Javascript // 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);>
Ieșire
[ 2, 4, 6, 8, 3, 5, 7 ]>
6. Folosind funcția Lodash _.concat().
Se așteaptă mai mult de o valoare. Ne permite să îmbinăm valorile în matrice.
Sintaxă:
_.concat(array, [values]);>
Exemplu: Acest exemplu arată implementarea abordării explicate mai sus.
Javascript // 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);> Ieșire:
Before concat: 1,2,3 After concat: 1,2,3,0,5,a,b>
7. Folosind proprietatea array length
Matricele JavaScript au o proprietate de lungime care poate fi folosită pentru a adăuga elemente la sfârșitul unei matrice în mod dinamic. Prin atribuirea unei valori unui index care este egală cu lungimea curentă a matricei, se poate adăuga un nou element.
Exemplu:
JavaScript // 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);> Ieșire
Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks1,Geeks2,Geeks3,Geeks4,Geeks5>