Array Methods in JavaScript: Kaikki mitä sinun tarvitsee tietää Array-menetelmistä

Tehokkuus on erittäin tärkeää, kun suunnitellaan ratkaisun koodaamista. Taulukko-objekti koostuu useista menetelmistä. Näitä menetelmiä käytetään koodeissa niiden tehokkaan toiminnan kannalta. Tässä artikkelissa keskitytään useisiin JavaScript-matriisimenetelmiin.

Seuraavat vihjeet käsitellään tässä artikkelissa:

• Concat-menetelmä
• CopyWithin-menetelmä
• Jokainen menetelmä
• ToString-menetelmä
• Liity menetelmä
• Pop and Push -menetelmä
• Vaihda ja poista menetelmä
• Jatkosmenetelmä
• Viipale menetelmä
• Jokaista menetelmää varten

Jatka sitten tämän artikkelin ensimmäistä aihetta,

Matriisimenetelmät JavaScript-muodossa

Concat-menetelmä

Concat () -menetelmä yhdistää vähintään kaksi taulukkoa ja palauttaa sitten kopion liitetystä taulukosta.

var aakkoset = ['r', 's', 't'] var numero = [5, 6, 7] var aakkosetNum = aakkoset.concat (numero) document.write ('aakkoset:' + aakkoset

Annetussa esimerkissä konsatointimenetelmä yhdistää kaksi matriisia aakkoset ja num ja palauttaa uuden ketjutetun taulukon: AlphabetNum.

Tuotos:

AakkosetLuku: r, s, t, 5,6,7

Seuraava on CopyWithin-menetelmä,

CopyWithin-menetelmä

JavaScriptiin sisältyvää copyWithin () -menetelmää käytetään kopioimaan osa matriisista samaan matriisiin ja palauttamaan se sitten.

Syntaksi:

array.copyWithin (kohde, alku, loppu)

Tämä menetelmä koostuu kolmesta parametrista:

• Kohde: Hakemiston sijainti, johon elementti kopioidaan. Kohde on määriteltävä pakollisesti.
• Alku: Hakemiston sijainti, josta alkavat kopioida elementit. Se on valinnainen. Käynnistyksen oletusarvo on 0.
• End: Hakemiston sijainti elementin kopioinnin lopettamiseksi. Tämäkin on valinnainen parametri, ja oletusarvo on pituus .

var numero = ['yksi', 'kaksi', 'kolme', 'neljä', 'viisi', 'kuusi', 'seitsemän'] document.write (numero) document.write (' 
'+ numero kopio sisällä (3,0,4))

Tuotos:

Yksi kaksi kolme neljä viisi kuusi seitsemän

Yksi, kaksi, kolme, yksi, kaksi, kolme, neljä

Kuten esimerkissä on esitetty, taulukon arvot kopioidaan samaan ryhmään. Kohdeindeksi on: 3, aloitusindeksi on: 0 ja loppuindeksi on: 4.

Seuraava matriisi tässä matriisimenetelmissä javascriptissä on,

Jokainen menetelmä

Tämä menetelmä tutkii tai tarkistaa, täyttävätkö kaikki matriisissa olevat elementit tietyn ehdon. Menetelmän syntaksi on seuraava:

array.every (funktio [, This_arg])

Tämän funktion argumentti on toinen funktio. Se määrittelee ehdon, joka on tarkistettava. Sillä on seuraavat perustelut:

• Matriisi: Taulukko, johon jokainen () -funktio kutsutaan. Se on valinnainen argumentti.
• Hakemisto: Nykyisen elementin hakemisto. Tämäkin on valinnainen.
• Elementti: Nykyinen elementti, jota funktio käsittelee. Tätä väitettä on käytettävä pakollisesti.

Tätä_arvoa käytetään kertomaan funktio käytettäväksi Tämä arvo. Seuraavassa esimerkissä tarkistamme, ovatko kaikki matriisin elementit positiivisia vai eivät.

funktio positiivinen (elementti, hakemisto, taulukko) {return element> 0} funktio func () {var array = [11, 89, 23, 7, 98] // tarkista positiivisen luvun var arvo = array.every (positiivinen) asiakirja .write (arvo)} func ()

On huomattava, että funktio palauttaa arvon tosi tai epätosi. Koska kaikki matriisin elementit ovat positiivisia, lähtö on:

sanakirjan tietorakenne java

totta

Seuraava on ToString-menetelmä.

ToString-menetelmä

Tämä menetelmä muuntaa luvun merkkijonoksi. Numerot voidaan muuntaa määrittämällä myös perusarvo.

var numero = 569 document.write ('Output:' + number.toString ())

Annetussa esimerkissä toString () -metodia kutsutaan ilman parametria tai perusarvoa.

Tuotos:

569

Katsokaamme nyt liittymismenetelmää,

Liity menetelmä

Join () -menetelmä yhdistää kaikki matriisissa olevat elementit. Lisäksi voimme määrittää erottimen elementtien erottamiseksi.

var a = new Array ('I', 'Love', 'Music') var string = a.join () document.write ('merkkijono:' + merkkijono) var string = a.join ('*') asiakirja. kirjoittaa(' 
merkkijono: '+ merkkijono) var string = a.join (' + ') document.write (' 
merkkijono: '+ merkkijono)

Esitetyssä esimerkissä ensimmäinen liitostapa ei sisällä erottimia, joten käytetään oletuserotinta. Kahdessa muussa menetelmässä '*' ja '+' ovat määriteltyjä operaattoreita.

Tuotos:

jono: Minä, Rakkaus, Musiikki

merkkijono: Rakastan * musiikkia

merkkijono: Minä + Rakkaus + Musiikki

Seuraava tässä javascriptin matriisimenetelmiä käsittelevässä artikkelissa on

Pop and Push -menetelmä

Pop () -menetelmä poistaa elementin matriisin päästä, aivan kuten pino. Toisaalta push () -menetelmä lisää elementin matriisin loppuun.

Menetelmät toteuttavat LIFO (Last-In-First-Out) -konseptin.

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

Koodi poistaa matriisin viimeisen elementin, eli “Jazz”.

Push () -menetelmä liittää elementin takaisin matriisiin.

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

Siirrytään eteenpäin,

Vaihda ja poista menetelmä

Shift () -menetelmä poistaa elementin matriisin alusta. Unshift () -menetelmä puolestaan ​​lisää elementin takaisin matriisin alkuun.

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

Koodi poistaa ensimmäisen elementin eli Rockin matriisista.

Kun käytetään unshift () -menetelmää, 'Rock' lisätään takaisin taulukkoon.

['Rock', 'Metal', 'Blues', 'Jazz'] lista. Unshift ('Rock') ['Rock', 'Metal', 'Blues', 'Jazz']

Olemme tämän matriisimenetelmän viimeisissä osissa javascript-blogissa,

Jatkosmenetelmä

Splice () -menetelmä poistaa tietyn tai valikoivan osan taulukosta. Se osoittautuu kekseliääksi menetelmäksi elementtien poistamiseksi, korvaamiseksi tai lisäämiseksi ryhmään.

['Rock', 'Metal', 'Blues', 'Jazz'] list.splice (2, 1) // Aloita hakemistokohdasta 2, poista yksi elementti ['Rock', 'Metal', 'Jazz'] .splice (2,2) // Aloita hakemistokohdasta 2 ja poista kaksi elementtiä ['Rock', 'Metal']

Edellä olevassa esimerkissä viipaleiden menetelmä poistaa elementit määritetyn indeksin mukaisesti.

'Blues' poistetaan ensimmäisestä esimerkistä, kun se sijoitetaan hakemistoon 2.

Toisessa esimerkissä kaksi elementtiä eli 'Blues' ja 'Jazz' poistetaan, koska hakemisto määrittelee, että 2 elementtiä on poistettava, alkaen indeksistä 2.

On huomattava, että matriisit indeksoidaan nollaan JavaScriptissä.

Viipale menetelmä

Slice () -menetelmä viipaloi elementin alkuperäisestä taulukosta ja palauttaa uuden taulukon, joka sisältää kyseisen elementin. On huomattava, että slice () -menetelmä ei poista mitään elementtiä alkuperäisestä taulukosta.

var array = ['Rock', 'Pop', 'Jazz', 'Blues', 'Metal'] document.write ('array.slice (1, 2):' + array.slice (1, 2)) -asiakirja .kirjoittaa(' 
array.slice (1, 3): '+ array.lice (1, 3))

Seuraavan koodin lähtö on seuraava:

array.slice (1, 2): Pop

lopettaa ohjelman java

array.slice (1, 3): Pop, Jazz

Tämän matriisimenetelmän lopullinen menetelmä javascriptissä on

Jokaista menetelmää varten

Tämä menetelmä kutsuu funktiota jokaiselle matriisissa olevalle elementille.

function funct () {// Aloitusryhmä const-elementit = [2, 18, 28] const copy = [] items.forEach (function (item) {copy.push (item * item)}) document.write (copy)} funktio ()

Esimerkissä lasketaan taulukon jokaisen elementin neliö.

Tuotos on seuraava:

4 324 784

Tämän avulla olemme päässeet tämän 'Array Method In JavaScript' -blogin loppuun. Toivon, että löysit tämän informatiivisen ja hyödyllisen, pysy kuulolla lisää samankaltaisia ​​aiheita käsitteleviä oppaita. Voit myös tarkistaa koulutusohjelmamme to saada perusteellista tietoa jQuerystä ja sen eri sovelluksista, voit live-verkkokoulutukseen 24/7 tuella ja käyttöikä.

Onko sinulla kysymys meille? Mainitse ne tämän blogin kommenttiosassa ja palaamme sinuun.