Három titkos tömb a javascriptben, ami talán nem is tud róla, egy csöves web-blog ziscod

Egyéni tulajdonságok hozzáadása a tömbökhöz

  1. Array indexek is tulajdonságok;
  2. Beépített tulajdonságok;
  3. Ön által hozzáadott egyéni tulajdonságok.

Az első kettő többé-kevésbé ismert, talán a fejlesztési folyamat során mindig használja őket, és nem is veszi észre, de most nézzük meg, hogyan egészítheti ki saját tulajdonát a tömbhöz.

Az indexek mint tulajdonságok

A tömbelemek indexei alapvetően tulajdonságok, ahol a tulajdonságnevek mindig nem negatív egész számok. A tömb indexelemének párja, hasonlóan az objektum kulcs / értékpárához.

Az indexek egy tömb objektum egyedi tulajdonságai. és más beépített tulajdonságokkal ellentétben csak szögletes zárójelek segítségével definiálható, például arr [3] = "káposzta"; .

Beépített tulajdonságok

Saját tulajdonságainak létrehozása objektumok tömbjeihez

Például hozzáadhat egy egyéni tulajdonságot olyan tömbhöz, amely azonosítja az elemeinek "nézetét" vagy "osztályát", ahogy azt az alábbi példában láthatja.

Ciklus a tömbelemeken keresztül

Miután elolvasta ezt a felirat akkor valószínűleg úgy gondolta - „Nincs semmi új - Már tudom”, és részben igaza van, mert bárki, még egy kezdő lesz képes átadni a hurkot, a tömb, de valójában ez az egész inkább elvont és a ciklus kerül sor az indexek tömb .

Mivel indexek a tömb állnak csak nem negatív egész számok a ciklusban mi „iterate” egész számot, általában kezdve a nulla és befejezve egy számot, ami azt jelenti, a tömb mérete, majd a „iterált” érték eléréséhez a tömb elem, amelyet az index.

Az ECMAScript6-ban azonban. van egy olyan módszer, amellyel átlépheted a tömb értékeit anélkül, hogy az indexeket gondolnád, és meg tudod csinálni a hurokkal.

A tömb ... A hurok hajtogat tömb elemeit annak érdekében, indexek, más szóval, akkor már nem kell aggódnia, hogy az iterációt indexek, és egyre a meglévő érték a tömb, amelyet az index. A hurok ... -ra ideális, ha csak a tömb elemeit szeretné kirajzolni és elkezdene dolgozni velük. Például: