Afegeix un element a una matriu en JavaScript significa afegir un nou element al final de la matriu. , aquest procés amplia la longitud de la matriu, acomodant noves dades. JavaScript ofereix diversos mètodes per afegir elements que accepta un o més elements com a arguments i els afegeix al final de la matriu.
Aquestes són les maneres següents de resoldre el problema:
Taula de contingut
- Utilitzant el mètode push() de JavaScript
- Utilitzant el mètode unshift() de JavaScript
- Utilitzant el mètode JavaScript splice().
- Utilitzant el mètode concat() de JavaScript
- Operador de propagació de Javascript
- Utilitzant la funció Lodash _.concat().
- Utilitzant la propietat de longitud de matriu
1. Utilitzant el mètode push() de JavaScript
Mètode push() de JavaScript afegirà un element al final d'una matriu, mentre que la seva funció bessona, la mètode pop(). , eliminarà un element del final de la matriu. Si necessiteu afegir un element o diversos elements al final d'una matriu, el mètode push(). gairebé sempre serà la teva opció més senzilla i ràpida.
Sintaxi:
array.push(item1, item2, ..., itemX)>
Exemple: En aquest exemple, afegirem nous elements al final de la matriu mitjançant el mètode 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);> Sortida
Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks1,Geeks2,Geeks3,Geeks4,Geeks5,Geeks6>
2. Utilitzant el mètode unshift() de JavaScript
Mètode JavaScript unshift(). afegirà un element al començament d'una matriu, mentre que la seva funció bessona, shift(), eliminarà un element del principi de la matriu.
Sintaxi:
array.unshift(item1, item2, ..., itemX)>
Exemple: En aquest exemple, afegirem nous elements al començament de la matriu mitjançant el mètode 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);> Sortida
Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks5,Geeks6,Geeks1,Geeks2,Geeks3,Geeks4>
3. Utilitzant el mètode JavaScript splice().
Mètode JavaScript splice(). modifica el contingut d'una matriu eliminant elements existents i/o afegint elements nous.
Sintaxi:
array.splice(index, amount, item1, ....., itemX)>
Exemple: En aquest exemple, afegirem nous elements al tercer índex de la matriu mitjançant el mètode 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);> Sortida
Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks1,Geeks2,Geeks5,Geeks6,Geeks4>
4. Utilitzant el mètode concat() de JavaScript
Mètode JavaScript concat(). retorna una matriu combinada nova formada per la matriu on es crida, unit amb la matriu (o matrius) del seu argument. Aquest mètode s'utilitza per unir dues o més matrius i aquest mètode no canvia les matrius existents, sinó que retorna una nova matriu, que conté els valors de les matrius unides.
Sintaxi:
array1.concat(array2, array3, ..., arrayX)>
Exemple: En aquest exemple, fusionarem tres matrius junts utilitzant el mètode 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);>
Sortida
[ 'Geeks1', 'Geeks2', 'Geeks3', 'Geeks4', 'GeeksForGeeks' ]>
5. Operador de propagació de Javascript
Operador de propagació de Javascript permet expandir un iterable en llocs on s'esperen més de 0 arguments. S'utilitza principalment a la matriu de variables on s'espera més d'1 valor. Ens permet el privilegi d'obtenir una llista de paràmetres d'una matriu.
Sintaxi:
let variablename1 = [...value];>
Exemple: Aquest exemple mostra la implementació de l'aproximació explicada anteriorment.
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);>
Sortida
[ 2, 4, 6, 8, 3, 5, 7 ]>
6. Utilitzant la funció Lodash _.concat().
S'espera més d'1 valor. Ens permet combinar valors a la matriu.
Sintaxi:
_.concat(array, [values]);>
Exemple: Aquest exemple mostra la implementació de l'aproximació explicada anteriorment.
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);> Sortida:
Before concat: 1,2,3 After concat: 1,2,3,0,5,a,b>
7. Utilitzant la propietat de longitud de matriu
Les matrius de JavaScript tenen una propietat de longitud que es pot utilitzar per afegir elements al final d'una matriu de manera dinàmica. En assignar un valor a un índex que és igual a la longitud actual de la matriu, es pot afegir un nou element.
Exemple:
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);> Sortida
Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks1,Geeks2,Geeks3,Geeks4,Geeks5>