Funkcie JavaScript „Pridať do poľa“ (push vs unshift verzus ostatné)

Existuje niekoľko metód na pridávanie nových prvkov do poľa JavaScriptu. Ak namiesto toho chcete odstrániť prvky z poľa v JavaScripte, máme k tomu aj článok.


Ak chcete prejsť na vysvetlenie každej metódy, kliknite na odkazy nižšie.

  1. Pridanie na koniec poľa pomocou push ()
  2. Na presun na začiatok poľa použite unshift ()
  3. Pomocou zostrihu () pridajte prvky do poľa
  4. Použitie concat () na kombináciu a vytvorenie nových dlhších polí
  5. Použitie indexového zápisu na určenie indexu, do ktorého sa má pridať prvok

Teraz diskutujme o tom, ako a kedy vykonať každý z týchto príkazov.

Pridať na koniec poľa pomocou push ()

Metóda push () pridá prvok na koniec poľa, zatiaľ čo jeho funkcia twin, metóda pop (), odstráni prvok z konca poľa..

Ak chcete pridať prvok na koniec poľa pomocou push (), urobte to takto:

1
2
3

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

list.push ("baz");

["foo", "bar", "baz"] // výsledok

Do poľa môžete tiež pridať viacero prvkov pomocou tlačidla push (), ako je to znázornené nižšie:

1
2
3

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

list.push ("baz", "qux", "a tak dalej");

["foo", "bar", "baz", "qux", "a tak dalej"] // výsledok

Ak potrebujete pridať prvok alebo viac prvkov na koniec poľa, metóda push () bude takmer vždy vašou najjednoduchšou a najrýchlejšou možnosťou..

Pridať na začiatok poľa pomocou posunu ()

Metóda unshift () pridá prvok na začiatok poľa, zatiaľ čo jeho funkcia twin, shift (), odstráni jeden prvok zo začiatku poľa..

Ak chcete pridať prvok na začiatok poľa pomocou funkcie unshift (), skúste toto:

1
2
3

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

list.unshift ("baz");

["baz", "foo", "bar"] // výsledok

Ak chcete pridať viac prvkov na začiatok poľa pomocou funkcie unshift (), skúste toto:

1
2
3

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

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

["baz", "qux", "foo", "bar"] // výsledok

Ak potrebujete pridať prvky na začiatok poľa, metóda unshift () bude takmer vždy vašou najjednoduchšou a najrýchlejšou možnosťou..

Pridanie prvkov do stredu poľa pomocou zostrihu ()

Metóda splice () upravuje obsah poľa odstránením existujúcich prvkov a / alebo pridaním nových prvkov.

Nižšie nájdete správnu syntax funkcie zostrihu ():

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

Ak chcete vložiť prvok (alebo prvky) do určitého bodu niekde v poli okrem začiatku alebo konca, mali by ste pravdepodobne používať metódu splice ()..

Ak chcete použiť zostrih (), mal by váš kód vyzerať takto:

1
2
3
4

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

list.splice (1, 0, "baz"); // na pozícii indexu 1 odstráňte 0 prvkov a potom ich pridajte "baz" do tejto pozície

                           // prvok "bar" sa teraz automaticky presunie na pozíciu indexu 2

["foo", "baz", "bar"] // výsledok

Ak chcete do poľa pridať viac prvkov pomocou splice (), skúste toto:

1
2
3

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

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

["foo", "baz", "qux", "bar"] // výsledok

Príkaz zostrihu je ako švajčiarsky armádny nôž manipulácie s poľom; mali by ste sa však najprv pokúsiť použiť omnoho jednoduchšie príkazy push alebo unshift pred použitím zostrihu () na pridanie do poľa.

Pridať do poľa vytvorením nového poľa pomocou concat ()

Metóda concat () vracia nové kombinované pole zložené z poľa, na ktoré sa volá, spojené s poľom (alebo poliami) z jeho argumentu.

Ak chcete pridať niektoré prvky do iného poľa pomocou concat (), postupujte takto:

1
2
3

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

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

["foo", "bar", "baz", "qux"] // výsledok nového zoznamu

Je tiež možné priamo pridať hodnoty mimo poľa pomocou concat ():

1
2
3

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

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

["foo", "bar", "baz", "qux"] // výsledok nového zoznamu

Metóda concat () je jednoduché riešenie v situáciách, keď potrebujete skombinovať niektoré polia dokopy, bez toho, aby bol váš kód nafúknutý pomocou slučiek alebo iných iteračných slučiek.

Pridajte prvok poľa do konkrétneho indexu pomocou zápisu indexu

Môžeme tiež priamo manipulovať s poľom bez použitia akýchkoľvek metód poľa odkazom na pozíciu indexu v poli.

Tu pridáme dva nové prvky na určených pozíciách:

1
2
3
4

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

zoznam [2] = "baz"; // pridať prvok "baz" na pozíciu indexu 2 v poli

zoznam [3] = "qux";

["foo", "bar", "baz", "qux"] // výsledok

Tu pridáme prvok na koniec poľa:

1
2
3

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

zoznam [list.length] = "baz"; // pridať prvok "baz" na koniec poľa

["foo", "bar", "baz"] // výsledok

Metóda zápisu do indexu je často užitočná, keď viete presne, kam umiestniť prvok do poľa bez ohľadu na to, kde môže byť táto pozícia. Táto situácia sa často týka mnohých druhov implementácií algoritmov.

Záverečné slová o pridávaní do poľa v JavaScripte

Pridanie prvku do poľa v JavaScripte je celkom jednoduché, ako by malo byť, ale žiadna jediná metóda nie je vždy tá najlepšia. Dúfajme, že teraz môžete mať istotu, kedy používať konkrétny prístup rozširujúci pole v rôznych kódových kontextoch. Ako vždy, ak máte ďalšie otázky, komentáre, dodatky alebo odčítania, dajte nám nižšie uvedené hlavy.

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