Lorsque vous programmez en JavaScript, vous devrez peut-être savoir comment vérifier si un tableau est vide ou non.
Pour vérifier si un tableau est vide ou non, vous pouvez utiliser la propriété .length.
La propriété length définit ou renvoie le nombre d'éléments dans un tableau. En connaissant le nombre d'éléments dans le tableau, vous pouvez dire s'il est vide ou non. Un tableau vide contiendra des 0
éléments.
Passons en revue quelques exemples.
Syntaxe d'exemple .length
Const myArray = [‘Horses’, ‘Dogs’, ‘Cats’];
Ici, nous créons une variable pointant vers un tableau vide.
En utilisant la propriété length, nous pouvons vérifier la longueur du tableau:
myArray.length
Cela renverra 3, car il y a 3 éléments dans le tableau.
Pour vérifier si le tableau est vide ou non avec .length, nous pouvons le faire de trois manières.
.length exemple un
Commençons par créer un nouveau tableau sans élément.
const arr = []
Nous pouvons maintenant vérifier si le tableau est vide en utilisant .length
.
arr.length
Cela renverra 0, car il y a 0 éléments dans le tableau.
.length exemple deux
Nous pouvons également vérifier explicitement si le tableau est vide ou non.
if (arr.length === 0) { console.log("Array is empty!") }
Si notre tableau est vide, le message ci-dessus sera enregistré. Si le tableau contient des éléments, le code du if
bloc ne s'exécutera pas.
Voici la troisième façon de vérifier si un tableau est vide ou non en utilisant .length.
.length exemple trois
En combinant l'utilisation de la propriété length et de l'opérateur logique "not" en JavaScript, le "!" symbole, nous pouvons vérifier si un tableau est vide ou non.
L' !
opérateur nie une expression. Autrement dit, nous pouvons l'utiliser pour retourner true
si un tableau est vide.
Pour cet exemple, ouvrons notre console JavaScript. Pour ouvrir votre console dans Chrome, vous pouvez cliquer sur Inpsect -> Console.
Tout d'abord, créez un tableau sans élément.

Ensuite, utilisons l'opérateur logique "non", avec notre propriété .length, pour tester si le tableau est vide ou non.

Si nous n'avions pas utilisé l'opérateur "non", nous arr.length
serions revenus 0
. Avec l'opérateur ajouté, il retournera true
si son opérande est false
. Parce que arr.length est 0
, ou false, il renvoie true
.
Utilisons ceci avec une if
instruction et imprimons un message si notre tableau est vide.

Lorsque vous vérifiez si un tableau est vide ou non, il est souvent préférable de vérifier également si le tableau est bien un tableau.
Pourquoi?
Parce qu'il peut y avoir le cas où vous vous attendiez à vérifier la longueur d'un tableau, mais à la place, vous êtes donné un type de données différent, par exemple, une chaîne:

Étant donné que le length property
peut être utilisé sur d'autres types de données, il est bon de vérifier également que votre tableau est bien un tableau comme vous vous y attendiez.
Je vous suggère également d'utiliser la Array.isArray()
méthode pour confirmer que votre tableau est un tableau. Cette méthode détermine si ce qui a été transmis est un tableau ou non. Si ce qui a été passé était un tableau, cette méthode retournera true
.
Ajoutons cette méthode à notre exemple.
Comment utiliser la méthode Array.isArray ()

Emballer
Dans cet article, nous avons appris que vous pouvez utiliser la length
propriété en JavaScript de différentes manières pour vérifier si un tableau est vide ou non. La length
propriété renvoie le nombre d'éléments dans un tableau.
Nous avons également appris qu'il est préférable d'utiliser également la Array.isArray
méthode lors de l'utilisation de la .length
propriété, pour vérifier si la valeur passée est un tableau comme vous l'attendez.