3 dolog, amiről nem tudsz a JavaScriptekről

tömbök a programozási nyelvek széles körben használt jellemzője; ők speciális változók amely több érték egyidejű tárolására használható. Azonban, ha a JavaScript-ről van szó, olyan egyszerű, mint amennyit megtanulni, mindig többet kell felfedezni.

Ebben a bejegyzésben a JavaScript tömbök három kevésbé ismert, mégis fontos tulajdonságát tekintjük meg, amelyeket korábban nem ismert.

1. Adjon hozzá egyéni tulajdonságokat a tömbökhöz

Ha az Internetet a JavaScript tömbök alapos definíciójával szeretné kipirítani, akkor úgy találja, hogy szinte minden forrás hibásan felsorolja a tömböt, mint mi igazán jelentése, egy tárgy.

Valójában szinte mindent, amellyel foglalkozunk a JavaScript-ben kiderül, hogy objektum. A JavaScript kétféle adattípusa létezik, primitívek és tárgyak, de a primitívek mindig a tárgyakba kerülnek.

Array, függvény, dátum stb előre definiált JavaScript objektumok amelyek beépített módszerekkel, tulajdonságokkal és saját szabványosított szintaxissal rendelkeznek.

A JavaScript tömbök rendelkezhetnek három különböző típusú tulajdonság:

Egy tömb indexei tulajdonságok is
Beépített tulajdonságok
Egyéni tulajdonságok hozzáadhatod magad

Az első kettő ismertebb, mindennap használhatja őket, de gyorsan nézze meg őket, mielőtt ugrik be, hogyan adhat hozzá saját egyéni tulajdonságot egy tömbhöz.

Indexek tulajdonságként

A JavaScript tömbök a szögletes zárószintaxis, mint például var ary = ["narancs", "alma", "licsi"];.

A tömbelemek indexei alapvetően tulajdonságok hol a tulajdonságnevek vannak mindig nem negatív egész számok.

A index-elem pár egy tömb hasonló a kulcs-érték pár egy objektum.

Az indexek az Array objektum egyedülálló jellemzői, és a többi beépített tulajdonságával ellentétben lehetnek csak a zárójelek szintaxisával állítható be, mint például ary [3] = "barack";.

Beépített tulajdonságok

Arrays is van beépített tulajdonságok, mint például array.length. A hossz a tulajdonság egész értéket hordoz a tömb hosszát jelöli.

Általában a beépített tulajdonságok gyakran megtalálhatók az előre definiált JavaScript objektumokban, például tömbökben. A beépített módszerek mellett segítenek az általános objektumok testreszabása, hogy az objektumok megfeleljenek a különböző igényeknek.

A beépített tulajdonságok elérhetők a object.key vagy a Object [ "kulcs"] szintaxis. Így írhatsz Ary [ "hossz"] egy tömb hosszának eléréséhez.

Hozzon létre egyéni tulajdonságokat az Array objektumhoz

Most beszéljünk saját tulajdonságok hozzáadása tömbökhöz. A tömbök előre definiált objektumok, amelyek különböző típusú értékeket tárolnak különböző indexeken.

Általában nincs sok szükség ahhoz, hogy egyedi tulajdonságokat adjon hozzá egy tömbhöz; ez az egyik oka annak, hogy a kezdők általában nem tanítják ezt a funkciót. Valójában, ha olyan tömböt szeretne kezelni, mint egy normál objektumot, akkor kulcs-értékpárokat adhat hozzá használjon normál objektumot az Ön céljaira. De ez nem jelenti azt, hogy nincs különleges esetek ahol kihasználhatja azt a tényt, hogy egy tömb egy objektum, egy vagy több egyedi tulajdonság hozzáadásával.

Például hozzáadhat egy egyéni tulajdonságot egy tömbhöz azonosítja elemei "fajtáját" vagy "osztályát", mint az alábbi példában látható.

 var ary = ["narancs", "alma", "licsi"]; ary.itemClass = "gyümölcsök"; console.log (ary + "a" + ary.itemClass "); // "narancs, alma, licsi gyümölcsök"

Ne feledje, hogy a tömb hozzáadott egyéni tulajdonsága felsorolható, ami azt jelenti, hogy az olyan hurkok, mint a be nyilatkozat.

2. Hajtsa át az Array elemeket

Valószínűleg azt mondod: "Tudom, hogy már", ami valószínűleg igaz, akkor már tudja, hogyan kell átmennünk a tömbelemeken. De az is igaz, hogy a "hurok a tömb elemein" mondás egy kicsit elvont, mivel az, amit valójában hurok keresztül, az a tömb indexei.

Mivel a tömbindexek csak a következőkből állnak: nem negatív egész számok, az egész számot tipikusan nullától kezdve és a tömb teljes hosszában végződő számmal vesszük át, majd ezt az iterált értéket használjuk a tömbelem eléréséhez egy adott indexen.

Az ECMAScript6 óta azonban van mód közvetlenül a tömbértékeken keresztül anélkül, hogy az indexekkel zavarna, és ezt a … -ig hurok.

Egy tömbben a … -ig A hurok áthalad a tömbelemeken az indexek sorrendjében, más szóval az indexek fölé kerül, és egy meglévő tömbérték egy adott indexen. Ez a hurok ideális, ha csak az összes tömbelemet szeretné áthidalni, és velük együtt dolgozni.

 var ary = ["narancs", "alma", "licsi"]; a (legyen az ary elem) console.log (tétel);  // "narancs", "alma", "licsi"

Összehasonlítás céljából a rendszeres mert hurok, az értékek helyett az indexeket kapjuk.

 var ary = ["narancs", "alma", "licsi"]; a (var elem = 0; elem < ary.length; item++) console.log(item);  // 0, 1, 2

3. Az elemek száma nem a hossza

Általában, amikor beszélünk a egy tömb hossza, úgy gondoljuk, hogy ez vagy egy érték, amelyet egy tömb tartja, vagy a hossz, amit a tömbnek adtunk kézzel. A valóságban azonban egy tömb hossza függ a legnagyobb létező index belsejében.

A hossza a nagyon rugalmas tulajdonság. Akár már rögzítette a tömb hosszát, akár nem, ha folyamatosan értékeket ad hozzá a tömbhöz, annak hossza folyamatosan növekszik.

 var ary = []; ary.hength = 3; console.log (ary.length); // 3 ary [5] = "abcd"; console.log (ary.length); // 6

A fenti példában láthatjuk, hogy a tömböt csak egy értéket adtam az 5-ös indexnél, és a hosszúsága 6. Most, ha úgy gondolja, hogy az 5-ös index hozzáadásával a tömb automatikusan 0 és 4 közötti indexeket hoz létre , azután a feltételezés helytelen. Tényleg vannak nincs 0 és 4 közötti index ebben a tömbben. Ezt a ban ben operátor.

 var ary = []; ary.hength = 3; console.log (ary.length); // 3 ary [5] = "abcd"; console.log (ary.length); // 6 konzol.log (0 aryban); // hamis

A tömb Ary az, amit mi nevezünk "ritka" tömb, egy tömb, ahol az indexek nem jön létre folyamatosan, és vannak rések. A "gyenge" tömb ellentéte a "sűrű" tömb ahol az indexek folyamatosan léteznek a tömbben, és az elemek száma megegyezik a hossz.

A hossz az ingatlan is képes tömb csonkítása, annak biztosítása, hogy a tömbben található legmagasabb index mindig legyen kevesebb, mint maga, mint hossz alapértelmezés szerint mindig számszerűen nagyobb, mint a legmagasabb index.

Az alábbi példában láthatjuk, hogyan veszítjük el az elemet az 5-ös indexben azáltal, hogy csökkentjük az hossz a Ary sor.

 var ary = []; ary.hength = 3; console.log (ary.length); // 3 ary [5] = "abcd"; console.log (ary.length); // 6 ary.hossz = 2; console.log (ary.length); // 2 konzol.log (ary [5]); // határozatlan

További irodalom

10 JavaScript-kifejezést, amit most már tudnia kell
4 nem-közönséges, de hasznos Javascript kijelentés, amit tudnia kell
Kódoptimalizálás a JS Hint-szel - a Javascript szúrására szolgáló eszköz