Tömb metódusok JavaScript-ben: Minden, amit tudnod kell a tömb metódusokról



Ez a cikk részletes információkat nyújt a JavaScript különböző tömb-módszereiről, a vonatkozó programpéldákkal együtt.

A hatékonyság nagyon fontos, ha az ember egy megoldás kódolását tervezi. A tömb objektum különféle módszerekből áll. Ezeket a módszereket a hatékony futtatáshoz használják a kódokban. Ez a cikk a JavaScript tömb különféle módszereire fog összpontosítani.

A következő mutatókkal foglalkozunk ebben a cikkben:





Folytassuk a cikk első témáját,

Tömb módszerek JavaScript-ben

Concat módszer

A concat () metódus két vagy több tömböt egyesít, majd visszaküldi az összekapcsolt tömb másolatát.



var alphabet = ['r', 's', 't'] var num = [5, 6, 7] var AlphabetNum = alphabet.concat (num) document.write ('AlphabetNum:' + AlphabetNum)

A megadott példában a concat metódus összeköti a két tömb ábécét és num-t, és egy új összefűzött tömböt ad vissza: AlphabetNum.

Kimenet:

Ábécé száma: r, s, t, 5,6,7



A következő a CopyWithin módszer,

CopyWithin módszerrel

A JavaScript-ben található copyWithin () metódus segítségével a tömb egy részét ugyanabba a tömbbe másolják, majd visszaadják.

Szintaxis:

array.copyWithin (target, start, end)

Ez a módszer három paraméterből áll:

  • Cél: Az index helye, ahová az elemet át kell másolni. Kötelező megadni a célt.
  • Start: Az index helye, ahonnan el kell kezdeni az elemek másolását. Nem kötelező. A start alapértelmezett értéke 0.
  • End: Az index helye az elem másolásának befejezéséhez. Ez is egy választható paraméter, és az alapértelmezett érték az hossz .
var number = ['egy', 'kettő', 'három', 'négy', 'öt', 'hat', 'hét'] document.write (szám) document.write (' 
'+ szám.másolat (3,0,4) belül]

Kimenet:

Egy, kettő, három, négy, öt, hat, hét

Egy, kettő, három, egy, kettő, három, négy

egy egész python fordított számjegyei

Amint az a példában látható, a tömb értékeit ugyanarra a tömbre másoljuk. A célindex: 3, a kezdőindex: 0, a végindex pedig: 4.

A következő bit ebben a tömbben a javascriptben:

Minden módszer

Ez a módszer megvizsgálja vagy ellenőrzi, hogy a tömbben található összes elem megfelel-e egy meghatározott feltételnek. A módszer szintaxisa a következő:

array.every (függvény [, This_arg])

A függvény argumentuma egy másik függvény. Meghatározza azt a feltételt, amelyet ellenőrizni kell. A következő érvek vannak:

  • Tömb: Az a tömb, amelyen a minden () függvényt meghívják. Ez opcionális érv.
  • Index: Az aktuális elem indexe. Ez is opcionális.
  • Elem: A függvény által feldolgozott aktuális elem. Kötelező ezt az érvet használni.

A this_arg a funkció használatának megadására szolgál ez érték. A következő példában ellenőrizzük, hogy a tömb minden eleme pozitív-e vagy sem.

function pozitív (elem, index, tömb) {return elem> 0} function func () {var array = [11, 89, 23, 7, 98] // ellenőrizze, hogy van-e pozitív szám var érték = tömb. .write (érték)} func ()

Meg kell jegyezni, hogy a függvény visszaadja az értéket igaz vagy hamis értékben. Mivel a tömbben lévő összes elem pozitív, a kimenet a következő lesz:

igaz

A következő a ToString módszer.

ToString módszer

Ez a módszer egy számot karakterlánnyá alakít. A számok átalakíthatók egy alapérték megadásával is.

var number = 569 document.write ('Output:' + szám.toString ())

A megadott példában a toString () metódust paraméter vagy alapérték nélkül hívják meg.

Kimenet:

569

Most nézzük meg a csatlakozási módszert,

Csatlakozási módszer

A join () metódus egyesíti a tömb minden elemét. Ezen felül megadhatunk elválasztót az elemek elválasztására.

var a = new Array ('I', 'Love', 'Music') var string = a.join () document.write ('string:' + string) var string = a.join ('*') dokumentum. ír(' 
karakterlánc: '+ string] var string = a.join (' + ') document.write ('
karakterlánc: '+ karakterlánc)

A bemutatott példában az első csatlakozási módszer nem tartalmaz elválasztót, ezért alapértelmezett elválasztót használunk. A másik két módszerben a „*“ és a „+“ meghatározott operátorok.

Kimenet:

vonós: Én, Szerelem, Zene

vonós: Szeretem * a zenét

húr: I + Szerelem + Zene

Ez a cikk a javascript tömb-módszereiről a következő,

Pop and Push módszer

A pop () metódus eltávolítja az elemet egy tömb végéből, hasonlóan a veremhez. A push () metódus viszont egy elemet ad hozzá egy tömb végéhez.

A módszerek a LIFO (Last-In-First-Out) koncepciót valósítják meg.

['Rock', 'Metal', 'Blues', 'Jazz'] list.pop () ['Rock', 'Metal', 'Blues']

A kód eltávolítja a tömb utolsó elemét, azaz a „Jazz” -t.

A push () metódus visszacsatolja az elemet a tömbhöz.

['Rock', 'Metal', 'Blues'] list.push ('Jazz') ['Rock', 'Metal', 'Blues', 'Jazz']

Menjünk tovább,

Shift és Unshift módszer

A shift () metódus eltávolítja az elemet egy tömb elejéről. Az unshift () metódus viszont visszaadja az elemet a tömb elejére.

['Rock', 'Metal', 'Blues', 'Jazz'] list.shift () ['Metal', 'Blues', 'Jazz']

A kód eltávolítja az első elemet, azaz a Rockot a tömbből.

Az unshift () módszer használatakor a „Rock” hozzáadódik a tömbhöz.

['Rock', 'Metal', 'Blues', 'Jazz'] list.unshift ('Rock') ['Rock', 'Metal', 'Blues', 'Jazz']

A javascript blogban ennek a tömb metódusnak az utolsó bitjei vagyunk,

Csatolási módszer

A splice () módszer eltávolítja a tömb egy adott vagy szelektív részét. Találékony módszernek bizonyul az elemek eltávolítása, cseréje vagy hozzáadása a tömbhöz.

['Rock', 'Metal', 'Blues', 'Jazz'] list.splice (2, 1) // A 2. indexpozíciótól kezdve távolítson el egy elemet ['Rock', 'Metal', 'Jazz'] lista .splice (2,2) // A 2. indexpozíciótól kezdve távolítson el két elemet ['Rock', 'Metal']

A fenti példában a szelet módszer eltávolítja az elemeket a megadott indexnek megfelelően.

A „kékek” törlődik az első példából, mivel a 2. indexbe kerül.

A második példában két elem, azaz a „Blues” és a „Jazz” eltávolításra kerül, mivel az index meghatározza, hogy 2 elemet el kell távolítani, a 2. indextől kezdve.

Meg kell jegyezni, hogy a tömbök nulla indexelésűek a JavaScript-ben.

Szelet módszer

A slice () metódus szeletel egy elemet a kezdeti tömbből, és egy új tömböt ad vissza, amely tartalmazza ezt az elemet. Meg kell jegyezni, hogy a slice () metódus nem távolít el egyetlen elemet sem a kezdeti tömbből.

var array = ['Rock', 'Pop', 'Jazz', 'Blues', 'Metal'] document.write ('array.slice (1, 2):' + array.slice (1, 2)) dokumentum .ír(' 
tömb.szelet (1, 3): '+ tömb.szelet (1, 3))

A következő kód kimenete a következő:

tömb.szelet (1, 2): Pop

tömb.szelet (1, 3): Pop, Jazz

A javascript tömb metódusának végső módszere:

Mindegyik módszer

Ez a módszer meghívja a függvényt a tömbben található minden elemre.

function funct () {// Initial array const items = [2, 18, 28] const copy = [] items.forEach (function (item) {copy.push (item * item)}) document.write (copy)} funct ()

A példában kiszámítjuk a tömbben lévő minden elem négyzetét.

A kimenet a következő:

4,324,784

rendezés tömb c ++ növekvő

Ezzel eljutottunk a blog „Array Method In JavaScript” -jéhez. Remélem, hogy ezt informatívnak és hasznosnak találta, kövesse nyomon a hasonló témájú oktatóanyagokat. Lehet, hogy Ön is megvásárolja képzési programunkato alapos ismereteket szerezhet a jQuery-ről, annak különféle alkalmazásaival együtt élő online képzéshez, napi 24 órás támogatással és életre szóló hozzáféréssel.

Van egy kérdésünk? Említse meg őket ennek a blognak a megjegyzés rovatában, és mi kapcsolatba lépünk Önnel.