JavaScripti funktsioonid “Lisa massiivi” (push vs unshift vs teised)

Uute elementide lisamiseks JavaScripti massiivi on mitu meetodit. Kui soovite selle asemel JavaScripti massiivist elemente eemaldada, on meil ka artikkel selle kohta.


Klõpsake julgelt allolevatel linkidel, et saada edasi iga meetodi selgitus:

  1. Massiivi lõppu lisamiseks vajutage nuppu ()
  2. Massiivi algusesse lisamiseks kasutage unshift ()
  3. Kasutades splaissimist () massiivi elementide lisamiseks
  4. Kasutades concat () uute pikemate massiivide ühendamiseks ja loomiseks
  5. Indeksi märkimise kasutamine indeksi määramiseks, kuhu element lisada

Nüüd arutame, kuidas ja millal kõiki neid käske täita.

Massiivi lõppu lisamine, kasutades nuppu ()

Push () meetod lisab massiivi lõppu elemendi, selle kaksikfunktsioon ehk pop () meetod eemaldab massiivi lõpust elemendi.

Elemendi lisamiseks massiivi lõppu, kasutades nuppu (), teeksite järgmist:

1
2
3

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

list.push ("baz");

["foo", "baar", "baz"] // tulemus

Massiivi saab lisada ka elemente push () kasutades, nagu allpool näidatud.

1
2
3

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

list.push ("baz", "qux", "jne");

["foo", "baar", "baz", "qux", "jne"] // tulemus

Kui peate massiivi lõppu lisama elemendi või mitu elementi, on push () meetod peaaegu alati teie lihtsaim ja kiireim võimalus.

Massiivi algusesse lisamine, kasutades unshift ()

Nihutamise () meetod lisab massiivi algusesse elemendi, selle kaksikfunktsioon, shift () eemaldab massiivi algusest ühe elemendi.

Elemendi lisamiseks massiivi algusesse unshift () abil proovige järgmist.

1
2
3

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

list.unshift ("baz");

["baz", "foo", "baar"] // tulemus

Mitme elemendi lisamiseks massiivi algusesse unshift () abil proovige järgmist.

1
2
3

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

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

["baz", "qux", "foo", "baar"] // tulemus

Kui peate massiivi algusesse elemente lisama, on meetod unshift () peaaegu alati teie lihtsaim ja kiireim võimalus.

Lisage massi keskele element (elemendid) splaissimise abil ()

Splice () meetod muudab massiivi sisu, eemaldades olemasolevad elemendid ja / või lisades uusi elemente.

Altpoolt leiate õige splice () funktsiooni süntaksi:

1 array.splice (alustage, kustutageCount [, element1 [, element2 [, …]]])

Kui soovite lisada elemendi (või elemendid) massiivi mõnda konkreetsesse punkti, lisaks algusele või lõppule, peaksite tõenäoliselt kasutama meetodit splice ().

Splice () kasutamiseks peaks teie kood välja nägema järgmine:

1
2
3
4

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

list.splice (1, 0, "baz"); // indeksi positsioonis 1 eemaldage 0 elementi ja lisage seejärel "baz" sellesse positsiooni

                           // element "baar" nihutatakse nüüd automaatselt indeksiasendisse 2

["foo", "baz", "baar"] // tulemus

Mitme elemendi lisamiseks massiivi keskele splice () abil proovige järgmist.

1
2
3

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

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

["foo", "baz", "qux", "baar"] // tulemus

Splice-käsk on nagu massiivi manipuleerimise Šveitsi armee nuga; enne massiivi lisamist splice () tuleks siiski proovida kasutada palju lihtsamaid tõuke- või tõmbamiskäske.

Massiivi lisamine, moodustades uue massiivi kasutades concat ()

Meetod concat () tagastab uue kombineeritud massiivi, mis koosneb massiivist, millele see on kutsutud, ühendatud massiivi (või massiividega) oma argumendist.

Mõne elemendi lisamiseks teisele massiivile kasutades concat () toimige järgmiselt.

1
2
3

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

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

["foo", "baar", "baz", "qux"] // uue nimekirja tulemus

Massiiviväliseid väärtusi on võimalik otse lisada ka kasutades concat ():

1
2
3

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

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

["foo", "baar", "baz", "qux"] // uue nimekirja tulemus

Meetod concat () on lihtne lahendus olukordades, kus peate ühendama mõned massiivid, ilma, et teie koodi silmuste või muude iteratiivsete silmuste jaoks puhverdaks..

Lisage massiivi element konkreetses indeksis, kasutades indeksi märget

Samuti võime massiivi otse manipuleerida ilma massiivimeetodeid kasutamata, viidates massiivi indeksi positsioonile.

Lisame siia kaks uut elementi määratud kohtades:

1
2
3
4

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

loend [2] = "baz"; // lisa element "baz" indeksi positsioonini 2 massiivis

loend [3] = "qux";

["foo", "baar", "baz", "qux"] // tulemus

Lisame massiivi lõppu elemendi:

1
2
3

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

loend [loetelu.pikkus] = "baz"; // lisa element "baz" massiivi lõpuni

["foo", "baar", "baz"] // tulemus

Indeksi märkimise meetod on sageli kasulik, kui teate täpselt, kuhu massiivi element paigutada, olenemata sellest, kus see asukoht võib olla. See olukord kehtib sageli mitmesuguste algoritmide rakendamisel.

Massiivi lisamise lõppsõnad JavaScriptis

Elemendi lisamine massiivi JavaScriptis on üsna lihtne, nagu see peaks olema, kuid ükski meetod pole alati kõige parem kasutada. Loodetavasti võite nüüd kindel olla, millal kasutada konkreetset massiivi laiendavat lähenemisviisi erinevates koodikontekstides. Nagu alati, kui teil on lisaküsimusi, kommentaare, täiendusi või lahutusi, andke meile allpool juhised.

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