Dodajanje elementa matriki v JavaScriptu pomeni dodajanje novega elementa na konec matrike. , ta postopek podaljša dolžino matrike in sprejme nove podatke. JavaScript ponuja več metod za dodajanje elementov, ki sprejmejo enega ali več elementov kot argumente in jih dodajo na konec matrike.
To so naslednji načini za rešitev težave:
Kazalo
- Uporaba metode JavaScript push().
- Uporaba metode JavaScript unshift().
- Uporaba metode JavaScript splice().
- Uporaba metode JavaScript concat().
- Operator širjenja Javascript
- Uporaba funkcije Lodash _.concat().
- Uporaba lastnosti dolžine niza
1. Uporaba metode JavaScript push().
Metoda JavaScript push(). bo dodal element na konec matrike, medtem ko bo njegova dvojna funkcija, the metoda pop(). , odstrani element s konca matrike. Če morate dodati element ali več elementov na konec matrike, je metoda push(). bo skoraj vedno vaša najpreprostejša in najhitrejša možnost.
Sintaksa:
array.push(item1, item2, ..., itemX)>
primer: V tem primeru bomo z metodo push() dodali nove elemente na konec matrike.
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);> Izhod
Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks1,Geeks2,Geeks3,Geeks4,Geeks5,Geeks6>
2. Uporaba metode JavaScript unshift().
Metoda JavaScript unshift(). bo dodal element na začetek matrike, medtem ko bo njena dvojna funkcija shift() odstranila en element z začetka matrike.
Sintaksa:
array.unshift(item1, item2, ..., itemX)>
primer: V tem primeru bomo z metodo unshift() dodali nove elemente na začetek matrike.
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);> Izhod
Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks5,Geeks6,Geeks1,Geeks2,Geeks3,Geeks4>
3. Uporaba metode JavaScript splice().
Metoda JavaScript splice(). spremeni vsebino matrike tako, da odstrani obstoječe elemente in/ali doda nove elemente.
Sintaksa:
array.splice(index, amount, item1, ....., itemX)>
primer: V tem primeru bomo z metodo splice() dodali nove elemente na 3. indeks matrike.
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);> Izhod
Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks1,Geeks2,Geeks5,Geeks6,Geeks4>
4. Uporaba metode JavaScript concat().
Metoda JavaScript concat(). vrne novo kombinirano matriko, sestavljeno iz matrike, na kateri je klicana, združene z matriko (ali matrikami) iz njenega argumenta. Ta metoda se uporablja za združevanje dveh ali več matrik in ta metoda ne spremeni obstoječih matrik, ampak vrne novo matriko, ki vsebuje vrednosti združenih matrik.
Sintaksa:
array1.concat(array2, array3, ..., arrayX)>
primer: V tem primeru bomo združili tri nize z uporabo metoda concat(). JavaScripta.
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);>
Izhod
[ 'Geeks1', 'Geeks2', 'Geeks3', 'Geeks4', 'GeeksForGeeks' ]>
5. Operator širjenja Javascript
Operator širjenja Javascript omogoča, da se iterable razširi na mestih, kjer se pričakuje 0+ argumentov. Večinoma se uporablja v nizu spremenljivk, kjer je pričakovana več kot ena vrednost. Omogoča nam privilegij, da pridobimo seznam parametrov iz matrike.
Sintaksa:
let variablename1 = [...value];>
primer: Ta primer prikazuje izvedbo zgoraj razloženega pristopa.
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);>
Izhod
[ 2, 4, 6, 8, 3, 5, 7 ]>
6. Uporaba funkcije Lodash _.concat().
Pričakuje se več kot 1 vrednost. Omogoča nam spajanje vrednosti v matriko.
Sintaksa:
_.concat(array, [values]);>
primer: Ta primer prikazuje izvedbo zgoraj razloženega pristopa.
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);> Izhod:
Before concat: 1,2,3 After concat: 1,2,3,0,5,a,b>
7. Uporaba lastnosti dolžine niza
Matrike JavaScript imajo lastnost dolžine, ki jo je mogoče uporabiti za dinamično dodajanje elementov na konec matrike. Če indeksu dodelite vrednost, ki je enaka trenutni dolžini matrike, lahko dodate nov element.
primer:
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);> Izhod
Original Array: Geeks1,Geeks2,Geeks3,Geeks4 Updated Array: Geeks1,Geeks2,Geeks3,Geeks4,Geeks5>