JavaScript “Adăugați la Array” Funcții (push vs unshift vs altele)

Există mai multe metode pentru adăugarea de elemente noi într-un tablou JavaScript. Dacă în schimb doriți să eliminați elemente dintr-un tablou din JavaScript, avem un articol și pentru asta.


Nu ezitați să faceți clic pe linkurile de mai jos pentru a merge mai departe la explicația fiecărei metode:

  1. Folosind push () pentru a adăuga la sfârșitul unui tablou
  2. Folosind unshift () pentru a adăuga la începutul unui tablou
  3. Folosind splice () pentru a adăuga elemente într-un tablou
  4. Folosirea concat () pentru a combina și crea noi tablouri mai lungi
  5. Utilizarea Notării indexului pentru a specifica un index la care să adăugați un element

Acum să discutăm cum și când să executăm fiecare din aceste comenzi.

Adăugați la sfârșitul unei matrici folosind push ()

Metoda push () va adăuga un element la capătul unui tablou, în timp ce funcția sa twin, metoda pop (), va elimina un element de la sfârșitul tabloului.

Pentru a adăuga un element la sfârșitul unui tablou folosind push (), faceți acest lucru:

1
2
3

var list = ["foo", "bar"];

list.push ("Baz");

["foo", "bar", "Baz"] // rezultat

Puteți adăuga, de asemenea, mai multe elemente într-un tablou folosind push (), așa cum se arată mai jos:

1
2
3

var list = ["foo", "bar"];

list.push ("Baz", "QUX", "etcetera");

["foo", "bar", "Baz", "QUX", "etcetera"] // rezultat

Dacă trebuie să adăugați un element sau mai multe elemente la sfârșitul unui tablou, metoda push () va fi aproape întotdeauna cea mai simplă și rapidă opțiune.

Adăugați la începutul unei matrici folosind unshift ()

Metoda unshift () va adăuga un element la începutul unui tablou, în timp ce funcția sa twin, shift (), va elimina un element de la începutul tabloului.

Pentru a adăuga un element la începutul unui tablou folosind unshift () încercați acest lucru:

1
2
3

var list = ["foo", "bar"];

list.unshift ("Baz");

["Baz", "foo", "bar"] // rezultat

Pentru a adăuga mai multe elemente la începutul unui tablou folosind unshift () încercați acest lucru:

1
2
3

var list = ["foo", "bar"];

list.unshift ("Baz", "QUX");

["Baz", "QUX", "foo", "bar"] // rezultat

Dacă trebuie să adăugați elemente la începutul unui tablou, metoda unshift () va fi aproape întotdeauna cea mai simplă și rapidă opțiune.

Adăugați element (e) în mijlocul unei matrici folosind splice ()

Metoda splice () modifică conținutul unui tablou prin eliminarea elementelor existente și / sau adăugarea de elemente noi.

Mai jos veți găsi sintaxa funcției splice () corespunzătoare:

1 array.splice (start, deleteCount [, item1 [, item2 [, …]]])

Dacă doriți să inserați un element (sau elemente) într-un anumit punct undeva în cadrul tabloului, în afară de începutul sau sfârșitul, atunci cel mai probabil ar trebui să utilizați metoda splice ().

Pentru a utiliza splice () codul dvs. ar trebui să arate astfel:

1
2
3
4

var list = ["foo", "bar"];

list.splice (1, 0, "Baz"); // la poziția index 1, eliminați 0 elemente, apoi adăugați "Baz" în acea poziție

                           // element "bar" acum va fi mutat automat în poziția 2 a indexului

["foo", "Baz", "bar"] // rezultat

Pentru a adăuga mai multe elemente în mijlocul unui tablou folosind splice (), încercați acest lucru:

1
2
3

var list = ["foo", "bar"];

list.splice (1, 0, "Baz", "QUX");

["foo", "Baz", "QUX", "bar"] // rezultat

Comanda splice este ca și cuțitul elvețian al armatei de manipulare a tabloului; cu toate acestea, mai întâi ar trebui să încercați să utilizați comenzile push sau unshift mult mai simple înainte de a utiliza splice () pentru a adăuga la un tablou.

Adăugați la o matrice formând un nou tablou folosind concat ()

Metoda concat () returnează un nou tablou combinat format din tabloul pe care este numit, unit cu tabloul (sau tablele) din argumentul său.

Pentru a adăuga unele elemente într-un alt tablou folosind concat (), faceți următoarele:

1
2
3

var list = ["foo", "bar"];

var newlist = list.concat (["Baz", "QUX"]);

["foo", "bar", "Baz", "QUX"] // rezultat nou listă

De asemenea, este posibil să adăugați direct valori non-array folosind concat ():

1
2
3

var list = ["foo", "bar"];

var newlist = list.concat ( "Baz", "QUX" );

["foo", "bar", "Baz", "QUX"] // rezultat nou listă

Metoda concat () este o soluție simplă în situațiile în care este necesar să combinați unele tablete împreună, fără a vă umfla codul cu bucle sau alte bucle iterative..

Adăugați un element de matrice la un index particular folosind notarea indexului

De asemenea, putem manipula direct tabloul, fără a folosi metode de matrice, făcând referire la poziția indexului din tablă.

Aici adăugăm două elemente noi la pozițiile specificate:

1
2
3
4

var list = ["foo", "bar"];

listă [2] = "Baz"; // adaugă element "Baz" la poziția index 2 în tablou

listă [3] = "QUX";

["foo", "bar", "Baz", "QUX"] // rezultat

Aici adăugăm un element la sfârșitul tabloului:

1
2
3

var list = ["foo", "bar"];

list [list.length] = "Baz"; // adaugă element "Baz" până la sfârșitul tabloului

["foo", "bar", "Baz"] // rezultat

Metoda notării indexului este adesea utilă atunci când știi exact unde să plasezi un element în tablou, indiferent de locul în care se poate afla. Această situație se aplică adesea multor tipuri de implementări ale algoritmului.

Cuvinte finale privind adăugarea la o matrice în JavaScript

Adăugarea unui element într-un tablou în JavaScript este destul de simplu, așa cum ar trebui să fie, dar nici o metodă nu este întotdeauna cea mai bună de utilizat. Sperăm că acum vă puteți simți încrezător când veți utiliza o abordare specifică de extindere a tablelor în diverse contexte de cod. Ca întotdeauna, dacă aveți întrebări, comentarii, adăugări sau scăderi suplimentare, dați-ne mai multe capete mai jos.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Adblock
    detector