Comment vérifier si un tableau JavaScript est vide ou non avec .length

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 ifbloc 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 truesi 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.lengthserions revenus 0. Avec l'opérateur ajouté, il retournera truesi son opérande est false. Parce que arr.length est 0, ou false, il renvoie true.

Utilisons ceci avec une ifinstruction 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 propertypeut ê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 lengthpropriété en JavaScript de différentes manières pour vérifier si un tableau est vide ou non. La lengthproprié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.isArrayméthode lors de l'utilisation de la .lengthpropriété, pour vérifier si la valeur passée est un tableau comme vous l'attendez.