JavaScript “Add to Array” Funcions (push vs unshift vs altres)

Hi ha diversos mètodes per afegir nous elements a una matriu de JavaScript. Si, en canvi, voleu eliminar elements d’una matriu a JavaScript, també tenim un article.


No dubteu a fer clic als enllaços següents per avançar a l’explicació de cada mètode:

  1. Utilitzant push () per afegir al final d’una matriu
  2. Utilitzant unshift () per afegir al començament d’una matriu
  3. Utilitzant splice () per afegir elements dins d’una matriu
  4. Usar concat () per combinar i crear matrius més llargs
  5. Utilitzant la notació d’índex per especificar un índex en el qual afegir un element

Ara anem a discutir com i quan executar cadascuna d’aquestes ordres.

Afegiu al final d’una matriu mitjançant push ()

El mètode push () afegirà un element al final d’una matriu, mentre que la seva funció doble, el mètode pop (), eliminarà un element del final de la matriu.

Per afegir un element al final d’una matriu mitjançant push (), faríeu això:

1
2
3

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

llista.push ("baz");

["foo", "bar", "baz"] // resultat

També podeu afegir diversos elements a una matriu mitjançant push (), com es mostra a continuació:

1
2
3

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

llista.push ("baz", "qux", "etcètera");

["foo", "bar", "baz", "qux", "etcètera"] // resultat

Si voleu afegir un element o diversos elements al final d’una matriu, el mètode push () serà gairebé sempre la vostra opció més senzilla i ràpida.

Afegiu al començament d’una matriu mitjançant Desactivar ()

El mètode unshift () afegirà un element al començament d’una matriu, mentre que la seva funció doble, shift (), eliminarà un element del començament de la matriu.

Per afegir un element al començament d’una matriu mitjançant unshift (), proveu-ho:

1
2
3

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

llista.unshift ("baz");

["baz", "foo", "bar"] // resultat

Per afegir diversos elements al començament d’una matriu mitjançant unshift (), proveu-ho:

1
2
3

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

llista.unshift ("baz", "qux");

["baz", "qux", "foo", "bar"] // resultat

Si voleu afegir elements al començament d’una matriu, el mètode unshift () serà gairebé sempre la vostra opció més senzilla i ràpida.

Afegir element (s) al mig d’una matriu mitjançant empalmes ()

El mètode splice () modifica el contingut d’una matriu eliminant elements existents i / o afegint-ne elements nous.

A continuació, trobareu la sintaxi de la funció splice () adequada:

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

Si voleu inserir un element (o elements) en un punt concret en algun lloc de la matriu, a més del començament o el final, el més probable és que utilitzeu el mètode splice ().

Per utilitzar splice (), el vostre codi hauria de quedar així:

1
2
3
4

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

list.splice (1, 0, "baz"); // a la posició d’índex 1, traieu 0 elements i, a continuació, afegiu "baz" a aquesta posició

                           // element "bar" ara es canviarà automàticament a la posició 2 de l’índex

["foo", "baz", "bar"] // resultat

Per afegir diversos elements al mig d’una matriu mitjançant empratge (), proveu-ho:

1
2
3

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

list.splice (1, 0, "baz", "qux");

["foo", "baz", "qux", "bar"] // resultat

El comandament empalmador és com el ganivet de l’exèrcit suís de manipulació de matrius; tanmateix, primer haureu de provar d’utilitzar les ordres molt més senzilles push o deshabilitació abans d’utilitzar splice () per afegir a una matriu.

Afegeix a una matriu mitjançant la creació d’un nou quadre mitjançant concat ()

El mètode concat () retorna una nova matriu combinada formada per la matriu a la qual es diu, unida amb la matriu (o matrius) des del seu argument.

Per afegir alguns elements a una altra matriu mitjançant concat (), feu el següent:

1
2
3

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

var newlist = list.concat (["baz", "qux"]);

["foo", "bar", "baz", "qux"] // resultat de la llista nova

També és possible afegir directament valors que no siguin matrius mitjançant concat ():

1
2
3

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

var newlist = list.concat ( "baz", "qux" );

["foo", "bar", "baz", "qux"] // resultat de la llista nova

El mètode concat () és una solució senzilla en situacions en què necessiteu combinar algunes matrius juntes, sense molestar el vostre codi amb bucles o altres bucles iteratius..

Afegiu un element de matriu a un índex particular mitjançant la notació d’índex

També podem manipular directament la matriu, sense utilitzar cap mètode de matriu, fent referència a la posició de l’índex dins de la matriu.

A continuació, afegim dos elements nous a les posicions especificades:

1
2
3
4

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

llista [2] = "baz"; // add element "baz" a la posició d’índex 2 de la matriu

llista [3] = "qux";

["foo", "bar", "baz", "qux"] // resultat

Aquí afegim un element al final de la matriu:

1
2
3

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

llista [llista.length] = "baz"; // add element "baz" fins al final de la matriu

["foo", "bar", "baz"] // resultat

El mètode de notació índex sol ser útil quan se sap exactament on col·locar un element a la matriu, independentment d’on estigui aquesta posició. Aquesta situació sol aplicar-se a molts tipus d’implementacions d’algoritmes.

Paraules finals sobre com afegir una matriu a JavaScript

Afegir un element a una matriu a JavaScript és força senzill, com hauria de ser, però cap mètode únic és sempre el millor d’utilitzar. Tant de bo ara puguis confiar en fer servir un enfocament específic en expansió de matrius en diversos contextos de codi. Com sempre, si teniu preguntes, comentaris, addicions o restes addicionals, feu-nos un capítol a continuació.

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