3 asioita, joita et tiedä JavaScript-ohjelmista
taulukot ovat ohjelmointikielien laajalti käytetty ominaisuus; he ovat erityiset muuttujat jota voidaan käyttää useiden arvojen tallentamiseen samanaikaisesti. Kuitenkin, kun kyseessä on JavaScript, niin helppoa kuin on oppia, on aina enemmän tutkittavaa.
Tässä viestissä tarkastelemme kolmea vähemmän tunnettua, vielä tärkeitä ominaisuuksia JavaScript-matriiseista, joita et ehkä ole aiemmin tuntenut.
1. Lisää mukautetut ominaisuudet sarakkeisiin
Jos haluat pestä Internetiä etsimään perusteellista JavaScript-matriisien määritelmää, huomaat, että melkein jokainen lähde ilman epäonnistumista luetteloi taulukon, mitä se Todella on, esine.
Itse asiassa lähes kaikki, mitä käsittelemme JavaScript-testissä osoittautua esineeksi. JavaScriptissä on kahdenlaisia tietotyyppejä, perusalkioiden ja esineet, mutta primitiivit on aina kääritty sisälle esineisiin.
Array, Function, Date jne. Ovat ennalta määritetyt JavaScript-objektit joissa on sisäänrakennettuja menetelmiä, ominaisuuksia ja omaa standardoitua syntaksi.
JavaScript-ryhmät voivat olla kolme erilaista ominaisuutta:
- Ryhmän indeksit ovat myös ominaisuuksia
- Sisäänrakennetut ominaisuudet
- Mukautetut ominaisuudet voit lisätä itse
Kaksi ensimmäistä ovat tunnetumpia, voit käyttää niitä joka päivä, mutta katsotaanpa niitä nopeasti ennen kuin hyppäämällä siihen, miten voit lisätä oman mukautetun ominaisuuden ryhmään.
Indeksit ominaisuuksina
JavaScript-taulukot käyttävät suorakulmaisen syntaksin, kuten var ary = ["oranssi", "omena", "licsi"];.
Ryhmäelementtien indeksit ovat periaatteessa ominaisuudet missä omaisuuden nimet olemme aina ei-negatiivisia kokonaislukuja.
indeksielementtiparin on samanlainen kuin avainarvopari objektin.
Indeksit ovat Array-objektin ainutlaatuinen ominaisuus, ja toisin kuin muut kiinteät ominaisuudet, ne voivat olla asetetaan vain sulkujen syntaksiin, kuten ary [3] = "persikka";.
Sisäiset ominaisuudet
Piirit ovat myös sisäänrakennetut ominaisuudet, kuten array.length. pituus omaisuudella on kokonaislukuarvo tarkoittaa matriisin pituutta.
Yleensä sisäänrakennetut ominaisuudet löytyvät usein ennalta määritellyistä JavaScript-kohteista, kuten matriiseista. Sisäisten menetelmien ohella ne auttavat muokkaa yleisiä objekteja niin, että esineet sopivat eri tarpeisiin.
Sisäänrakennettuja ominaisuuksia voi käyttää joko object.key tai esine [ "avain"] syntaksi. Voit siis kirjoittaa myös ary [ "pituus"] käyttää matriisin pituutta.
Luo mukautetut ominaisuudet Array-objektille
Puhutaan nyt omien ominaisuuksien lisääminen ryhmiin. Piirit ovat ennalta määriteltyjä objekteja, jotka tallentavat erilaisia arvoja eri indekseihin.
Yleensä ei ole tarvetta lisätä mukautettuja ominaisuuksia ryhmään; tämä on yksi syy siihen, että aloittelijoille ei yleensä opeta tätä ominaisuutta. Itse asiassa, jos haluat käsitellä taulukkoa tavallisena objektina lisäämällä siihen avainarvopareja, saatat myös käytä tavallista kohdetta omaan tarkoitukseen. Mutta tämä ei tarkoita sitä, että ei ole erikoistapaukset missä voit hyödyntää sitä, että ryhmä on objekti, lisäämällä siihen yksi tai useampia mukautettuja ominaisuuksia.
Voit esimerkiksi lisätä riviin mukautetun ominaisuuden tunnistaa sen "lajin" tai "luokan", kuten näet alla olevassa esimerkissä.
var ary = ["oranssi", "omena", "licsi"]; ary.itemClass = "hedelmät"; console.log (ary + "ovat" + ary.itemClass "); // "oranssi, omena, licsi ovat hedelmiä"
Huomaa, että ryhmään lisätty mukautettu ominaisuus on numeroituvat, mikä tarkoittaa sitä, että silmukat, kuten varten… in selvitys.
2. Loop kautta Array Elements
Sanotte luultavasti "Tiedän, että jo", joka todennäköisesti on totta, tiedät jo, kuinka läpi matriisin elementtejä. Mutta on myös totta, että sanonta "silmukan läpi matriisin elementtejä" on vähän abstrakti, sillä se, mitä me itse asiassa silmukoitamme, ovat indeksin indeksit.
Koska taulukon indeksit koostuvat vain ei-negatiiviset kokonaisluvut, me iteroidaan kokonaislukuarvo, joka alkaa tyypillisesti nollasta ja päättyy taulukon koko pituudelle, ja käytä sitten tätä iteroitua arvoa pääsemään tietyn indeksin array-elementtiin.
ECMAScript6: n jälkeen on kuitenkin tapa suoraan silmukan läpi taulukon arvot ilman häiritseviä indeksejä, ja se voidaan tehdä käyttämällä … silmukka.
Massiivissa … silmukka silmukoi ryhmän elementtien läpi indeksien järjestyksessä, toisin sanoen se huolehtii iteroitumisesta indekseihin ja saada olemassa oleva taulukon arvo tietyllä indeksillä. Tämä silmukka on ihanteellinen, jos haluat vain silmukoida kaikki taulukon elementit ja työskennellä niiden kanssa.
var ary = ["oranssi", "omena", "licsi"]; varten (anna kohteen ary) console.log (item); // "oranssi", "omena", "litsi"
Vertailun vuoksi säännöllinen varten silmukka, saamme indeksit arvojen sijaan tuotoksena.
var ary = ["oranssi", "omena", "licsi"]; varten (var item = 0; kohde < ary.length; item++) console.log(item); // 0, 1, 2
3. Elementtien lukumäärä ei ole sen pituus
Tyypillisesti, kun puhumme matriisin pituus, ajattelemme, että se on joko arvo, jonka joukko pitää, tai pituus, jonka olemme antaneet ryhmälle manuaalisesti. Todellisuudessa taulukon pituus riippuu suurin indeksi sen sisällä.
Pituus on a erittäin joustava omaisuus. Jos olet jo määrittänyt taulukon pituuden etukäteen vai ei, jos lisäät arvoja ryhmään, sen pituus kasvaa vastaavasti.
var ary = []; ary.length = 3; console.log (ary.length); // 3 ary [5] = "abcd"; console.log (ary.length); // 6
Yllä olevassa esimerkissä näet, että annoin taulukolle vain yhden arvon indeksissä 5, ja pituus muuttuu 6. Nyt, jos luulet, että lisäämällä arvo 5: een, ryhmä loi indeksit 0 - 4 automaattisesti sitten oletuksesi on virheellinen. On todella ei ole olemassa olevia indeksejä 0: sta 4: een siinä taulukossa. Voit tarkistaa tämän käyttämällä sisään operaattori.
var ary = []; ary.length = 3; console.log (ary.length); // 3 ary [5] = "abcd"; console.log (ary.length); // 6 console.log (0 in ary); // väärä
Ryhmä kuuta me kutsumme sitä "harva", taulukko, jossa indeksit niitä ei luoda jatkuvasti, ja on aukkoja. "Harva" -ryhmän vastakohta on "tiheä" taulukko missä indeksejä esiintyy jatkuvasti ryhmässä, ja elementtien lukumäärä on sama kuin pituus.
pituus omaisuus on myös kykenevä typistetään taulukko, varmistaa, että taulukossa oleva korkein indeksi on aina vähemmän kuin itse, kuten pituus on aina numeerisesti suurempi kuin korkein indeksi oletuksena.
Alla olevassa esimerkissä näet, kuinka menetämme elementin 5: ssä vähentämällä pituus n kuuta ryhmä.
var ary = []; ary.length = 3; console.log (ary.length); // 3 ary [5] = "abcd"; console.log (ary.length); // 6 ary.pituus = 2; console.log (ary.length); // 2 konsoli.log (ary [5]); // määrittelemätön
Lue lisää
- 10 JavaScript-termiä, jonka sinun pitäisi tietää nyt
- 4 ei-niin yleistä mutta hyödyllistä Javascript-lausuntoa, jonka sinun pitäisi tietää
- Koodin optimointi JS Hintin avulla - työkalu Javascriptin sitomiseksi
