Hogyan ellenőrizhető, hogy a JavaScript tömb üres-e vagy sem .hosszúsággal

Amikor JavaScript-ben programoz, akkor tudnia kell, hogy ellenőrizze, hogy egy tömb üres-e vagy sem.

A .length tulajdonság segítségével ellenőrizheti, hogy egy tömb üres-e vagy sem.

A length tulajdonság beállítja vagy visszaadja egy tömb elemeinek számát. A tömbben lévő elemek számának ismeretében megtudhatja, hogy üres-e vagy sem. Egy üres tömbben 0elemek lesznek .

Nézzünk át néhány példát.

.hossz Példa szintaxisra

Const myArray = [‘Horses’, ‘Dogs’, ‘Cats’];

Itt létrehozunk egy változót, amely egy üres tömb felé mutat.

A length tulajdonság segítségével ellenőrizhetjük a tömb hosszát:

myArray.length

Ez 3-at ad vissza, mert 3 elem van a tömbben.

Háromféleképpen tehetjük meg, hogy a tömb üres-e vagy sem .length-el.

.hosszúsági példa

Először hozzunk létre egy új tömböt elem nélkül.

const arr = []

Most a használatával ellenőrizhetjük, hogy a tömb üres-e .length.

arr.length

Ez 0 értéket ad vissza, mivel 0 elem van a tömbben.

.hosszúsági példa

Kifejezetten ellenőrizhetjük azt is, hogy a tömb üres-e vagy sem.

if (arr.length === 0) { console.log("Array is empty!") }

Ha a tömbünk üres, akkor a fenti üzenet naplózásra kerül. Ha a tömbben vannak elemek, akkor a ifblokkban lévő kód nem fog futni.

Itt a harmadik módszer a .length használatával ellenőrizni, hogy egy tömb üres-e vagy sem.

.hosszúsági példa

A hosszúság tulajdonság és a logikai "nem" operátor kombinálásával a JavaScriptben a "!" szimbólummal ellenőrizhetjük, hogy egy tömb üres-e vagy sem.

Az !operátor tagad egy kifejezést. Vagyis vissza lehet térni, trueha egy tömb üres.

Ehhez a példához nyissuk meg a JavaScript konzolt. A konzol Chrome-ban történő megnyitásához kattintson az Inpsect -> Console elemre.

Először hozzon létre egy tömböt, amelyben nincsenek elemek.

Ezután használjuk a logikai "nem" operátort a .length tulajdonságunkkal együtt annak tesztelésére, hogy a tömb üres-e vagy sem.

Ha nem használtuk volna a "nem" operátort, arr.lengthakkor visszatértünk volna 0. Az operátor hozzáadásával visszatér, trueha operandusza van false. Mivel az arr.length értéke 0hamis, ezért visszatér true.

Használjuk ezt egy ifutasítással, és nyomtassunk ki egy üzenetet, ha a tömbünk üres.

Ha ellenőrizzük, hogy egy tömb üres-e vagy sem, akkor a legjobb, ha azt is ellenőrizzük, hogy a tömb valóban tömb.

Miért?  

Mert előfordulhat, hogy egy tömb hosszának ellenőrzésére számított, de ehelyett más adattípust kap, például egy karakterláncot:

Mivel length propertymás adattípusokra is használható, jó ellenőrizni, hogy a tömb valóban tömb, amire számított.

Azt javaslom, hogy használja a Array.isArray()módszert annak megerősítésére, hogy a tömb tömb. Ez a módszer meghatározza, hogy az átadott tömb-e vagy sem. Ha az átadott tömb volt, akkor ez a módszer visszatér true.

Adjuk hozzá ezt a módszert a példánkhoz.

Az Array.isArray () metódus használata

Csomagolás

Ebben a cikkben megtudtuk, hogy a lengthtulajdonságot JavaScript-ben különféle módokon használhatja annak ellenőrzésére, hogy egy tömb üres-e vagy sem. A lengthtulajdonság egy tömbben lévő elemek számát adja vissza.

Megtudtuk azt is, hogy a legjobb, Array.isArrayha a .lengthtulajdonság használatakor a módszert is használjuk , hogy ellenőrizzük, a megadott érték tömb, amire számít.