tai web-ohjelmointi synnytti dynaamisia verkkosovelluksia. Verkon noustessa JavaScriptistä on tullut yksi tärkeimmät kielet nykymaailmassa.Tämä JavaScript-taulukko artiklavie sinut JavaScript-matriisimenetelmien syvyyteen seuraavassa järjestyksessä:
- Johdanto JavaScriptiin
- JavaScriptin perusteet
- JavaScript-taulukko
- Ero taulukon ja objektien välillä
- JavaScript-matriisimenetelmät
Johdanto JavaScriptiin
on korkean tason tulkittu ohjelmointikieli, jota käytetään verkkosivujen interaktiivisuuteen. Se on erittäin tehokas asiakaspuolen komentosarjakieli, joka tekee verkkosivustasi vilkkaamman ja interaktiivisemman.
Se on ohjelmointikieli, joka auttaa sinua toteuttamaan monimutkaisen ja kauniin muotoilun verkkosivuilla. Jos haluat, että verkkosivusi näyttää elävältä ja tekee paljon muutakin kuin vain hämmentää sinua, JavaScript on välttämätön.
JavaScriptin perusteet
Jos kieli on sinulle uusi, sinun on tiedettävä osa kielestä JavaScriptin perusteet se auttaa sinua aloittamaan koodisi kirjoittamisen. Perusteet sisältävät:
Voit tarkistaa päästäksesi näiden JavaScriptien peruskäsitteiden syvyyteen. Tässä JavaScript-matriisiartikkelissa keskitymme erilaisiin matriisimenetelmiin, joita käytetään kohteiden luettelon määrittelemiseen.
JavaScript-taulukko
Taulukko on a tietorakenne joka sisältää luettelon elementeistä, jotka tallentavat useita arvoja yhteen muuttujaan.
Voit ilmoittaa matriisin JavaScript-muodossa käyttämällä päästää ’Avainsana hakasulkeilla ja liitä niihin kaikki elementit. Syntaksi on seuraava:
anna ListItems = [] ListItems = ['kengät', 'kello', 'laukku']
Voit myös ilmoittaa sen seuraavasti:
anna ListItems = ['kengät', 'kello', 'laukku']
Ero taulukon ja objektien välillä
JavaScript-muuttujat voivat olla objekteja. Taulukoita pidetään erityyppisinä esineinä. Tämän vuoksi samassa taulukossa voi olla erityyppisiä muuttujia.
myArray [0] = Päivämäärä. nyt myArray [1] = myFunction myArray [2] = myItems
JavaScriptissä taulukot käyttää numeroidut hakemistot . Sekä katsoo, että esineitä käytetään nimellä nimettyjä hakemistoja .
JavaScript-matriisimenetelmät
Tarkoituksen käyttää taulukko on varastoida useita arvoja jonkin sisällä yksittäinen kokonaisuus ilmoitetun muuttujan. Matriiseja käytetään, kun haluamme käyttää elementtejä järjestyksessä yhdellä muuttujalla. Merkkijonot, looginen luku ja numerot voidaan tallentaa yhteen matriisiin.
miten java-sovellus suljetaan
On olemassa erilaisia JavaScript-matriisimenetelmät tehtävien suorittamiseksi, kuten:
työntää() - Elementtejä on helppo poistaa ja lisätä uusia, kun työskentelet matriisien kanssa. Push () -menetelmä lisää että uusi elementti että loppuun taulukosta. Palautusarvo on uuden matriisin pituus.
Esimerkki:
anna listItems = ['laukku', 'kengät', 'mekko'] console.log (listItems.push ('katsella'))Tuotos:
4
Push () doest ei palauta matriisiin lisättyä arvoa. Se palauttaa vain matriisin uuden pituuden.
pop ()- Pop () -menetelmää käytetään Poista viimeinen elementti taulukosta. Se palauttaa arvon, joka on avattu.
Esimerkki:
anna listItems = ['laukku', 'kengät', 'mekko'] console.log (listItems.pop ())
Tuotos:
pukeutua
Pop () palauttaa poistetun arvon eikä taulukon pituutta, kuten Push ().
siirtää() - Vaihto on samanlainen kuin popping, joka työskentelee ensimmäisen elementin kanssa viimeisen sijasta. Shift () -menetelmää käytetään Poista ensimmäisen ryhmän elementti ja siirtää kaikki muut elementit alempaan indeksiin. Se palauttaa sinulle merkkijonon, joka on siirretty pois.
Esimerkki:
anna listItems = ['laukku', 'kengät', 'mekko'] console.log (listItems.shift ())
Tuotos:
laukku
Shift () toimii samalla tavalla kuin pop (), mutta se palauttaa matriisin ensimmäisen elementin viimeisen sijasta.
poista vaihto () - menetelmä lisää uusi elementti taulukon alku ja siirtää vanhempia elementtejä. Se on samanlainen kuin Push () ja palauttaa uuden taulukon pituuden.
Esimerkki:
anna listItems = ['laukku', 'kengät', 'mekko', 'kello'] console.log (listItems.unshift ('puhelin'))Tuotos:
5
Unshift () lisää uuden elementin matriisiin ja palauttaa uuden matriisin pituuden.
konkat () - Concat () - menetelmä luo uuden taulukon ketjutus tai yhdistämällä olemassa olevia taulukoita. Seei muokkaa olemassa olevaa taulukkoa ja palauttaa aina uuden taulukon.
Esimerkki:
anna arr1 = ['punainen', 'sininen', 'vihreä'] anna arr2 = ['värit', 'spraymaali', 'harja'] anna newArr = arr1.concat (arr2) console.log (newArr)
Tuotos:
toString () - ToString () -menetelmää käytetään muuntaa taulukko a merkkijono taulukon arvot pilkuilla erotettuna.
Esimerkki:
anna värien = ['punainen', 'sininen', 'vihreä'] console.log (värit.toString ())
Tuotos:
punainen, sininen, vihreä
liittyä seuraan() - Join () -menetelmä toimii samalla tavalla kuin toString (). Se on tottunut liittyä seuraan kaikki matriisielementit a merkkijono , mutta lisäksi voit määrittää erotin .
Esimerkki:
anna värien = ['punainen', 'sininen', 'vihreä'] konsoli.log (värit.liity ('+'))Tuotos:
punainen + sininen + vihreä
käänteinen() - Käänteistä () -menetelmää käytetään käänteinen Tilaus taulukon elementeistä. Se muuttaa alkuperäistä taulukkoa ja vaihtaa elementtien järjestystä.
Esimerkki:
anna hedelmien = ['mango', 'omena', 'viinirypäleet'] console.log (fruits.reverse ())
Tuotos:
järjestellä() - Lajittelu () -menetelmää käytetään järjestellä taulukko aakkosjärjestyksessä . Tämä toiminto lajittelee arvot oletusarvoisesti merkkijonoksi.
Esimerkki:
anna hedelmien = ['mango', 'omena', 'viinirypäleet'] console.log (fruits.sort ())
Tuotos:
viipale() - Slice () -menetelmää käytetään viipale ulos pala matriisista uudeksi taulukoksi. Se luo uuden taulukon poistamatta mitään elementtejä lähdematriisista. Se palauttaa arvon, joka on leikattu taulukosta.
Esimerkki:
anna värien = ['punainen', 'sininen', 'vihreä', 'keltainen', 'oranssi'] console.log (värit.siivu (1,3))
Tuotos:
Nämä olivat joitain yleisimmin käytettyjä JavaScript-matriisimenetelmiä. Tämän avulla olemme päässeet artikkelimme loppuun. Toivon, että ymmärrät, kuinka matriisimenetelmiä käytetään JavaScriptissä.
Nyt kun tiedät JavaScript-matriisimenetelmistä, tutustu kirjoittanut Edureka. Verkkokehityksen sertifiointikoulutus auttaa sinua oppimaan luomaan vaikuttavia verkkosivustoja HTML5-, CSS3-, Twitter Bootstrap 3-, jQuery- ja Google-sovellusliittymien avulla ja asentamaan sen Amazon Simple Storage Service (S3) -palveluun.
Onko sinulla kysymys meille? Mainitse se 'JavaScript Array' -kommenttiosassa ja palaamme sinuun.