logo

Fonction JavaScript pour vérifier que le tableau est vide ou non

JavaScript fournit des fonctions intégrées pour vérifier si le tableau est vide ou non. Voici la méthode proposée par la programmation JavaScript pour vérifier un tableau vide :

  1. longueur
  2. estArray(tableau)

La fonction Array.isArray() vérifie le type de tableau (le paramètre passé est un tableau ou non) et array.length trouve la longueur du tableau. Ainsi, nous pouvons facilement identifier le tableau vide. Vous pouvez également les utiliser individuellement et séparément.

Maintenant, nous allons apprendre ces méthodes en détail avec des exemples :

Propriété .length

La propriété length renvoie la longueur du tableau grâce à laquelle vous pouvez déterminer si le tableau est vide ou non. Cette propriété est directement utilisée avec le nom du tableau concaténé par l'opérateur point (.), par exemple, arr1.length .

Syntaxe

 array.length 

Si la longueur renvoyée par cette propriété est 0, elle fait référence à true signifie que le tableau est vide. Sinon, le tableau n'est pas vide s'il renvoie une valeur non nulle.

Comment utiliser?

Il est directement utilisé avec un tableau défini par l'utilisateur concaténé par l'opérateur point (.). Voir l'exemple ci-dessous de cette propriété pour mieux la comprendre.

Copier le code

 var arr1 = [15, 78, 24, 89, 23]; var arr2 = []; //check second array (arr2) length if(arr1.length == 0) document.write(&apos;arr1 is empty <br>&apos;); else document.write(&apos;arr1 is not empty <br>&apos;); //check second array (arr2) length if(arr2.length == 0) document.write(&apos;arr2 is empty <br>&apos;); else document.write(&apos;arr2 is not empty <br>&apos;); 
Testez-le maintenant

Sortir

Dans la sortie ci-dessous, vous pouvez voir que le premier tableau nommé arr1 n'est pas vide car il contient cinq éléments, alors que le deuxième tableau nommé arr2 est vide .

 arr1 is not empty arr2 is empty 

Tableau.isArray()

Dans Javascript , les tableaux ne sont pas réellement des tableaux ; ce sont des objets. Ainsi, si vous vérifiez le type de tableau à l’aide de la propriété typeof, il renverra une valeur sous forme de objet . Mais maintenant nous avons Arrau.isArray() fonction pour vérifier le type de tableau, qui peut être utilisée avec la propriété .length pour vérifier un tableau vide.

Cette méthode permet de déterminer si la valeur que vous avez transmise dans cette fonction est un tableau ou non. On peut dire qu'il identifie le type de tableau ou la variable de type de données normale. Il peut également déterminer le tableau non défini ou nul.

éducation shloka mehta

Syntaxe

 Array.isArray(arr1) 

Il renvoie une valeur booléenne, soit vrai ou fausse.

Valeurs de retour

Vrai - S'il revient vrai, la valeur transmise est un tableau.

FAUX - S'il renvoie false, la valeur transmise dans cette fonction n'est pas un type tableau.

Comment utiliser?

Cette fonction est utilisée avec le nom du tableau, par exemple : Tableau estArray ( arr1 ) . Ici, nous utiliserons cette fonction avec la propriété .length pour vérifier le tableau vide. Voir l'implémentation de cette fonction dans un exemple JavaScript pour mieux la comprendre.

Exemple

Copier le code

 var arr1 = new Array(&apos;Happy&apos;, &apos;New&apos;, &apos;Year&apos;); //check the first variable (arr1) type and empty if(Array.isArray(arr1)) { document.write(&apos;arr1 is an array&apos;); if (arr1.length == 0) document.write(&apos; and it is empty <br>&apos;); else document.write(&apos; but it is not empty. <br>&apos;); } else document.write(&apos;arr1 is not an array. <br>&apos;); 
Testez-le maintenant

Sortir

Dans la sortie ci-dessous, vous pouvez voir que la valeur que nous avons vérifiée à l'aide de la fonction Array.isArray() est un tableau, mais le tableau n'est pas vide.

 arr1 is an array but it is not empty. 

Exemple 2

Dans cet exemple, nous vérifierons qu’un tableau est vide et qu’une autre variable ne contient pas de valeur de tableau. Voir le code ci-dessous :

 var arr1 = []; var arr2 = &apos;notAnArray&apos;; //check the first variable (arr1) type and empty if(Array.isArray(arr1) == true){ document.write(&apos;arr1 is an array&apos;); if (arr1.length <= 0) document.write(' and it is empty <br>&apos;); else document.write(&apos; and it is not empty. <br>&apos;); } else document.write(&apos;arr1 is not an array. <br>&apos;); //check the second variable (arr2) type and empty if(Array.isArray(arr2) == true){ document.write(&apos;arr2 is an array&apos;); if (arr2.length <= 0) document.write(' and it is empty as well. <br>&apos;); else document.write(&apos; and it is not empty. <br>&apos;); } else document.write(&apos;arr2 is not an array. <br>&apos;); </=></=>
Testez-le maintenant

Sortir

Dans la sortie ci-dessous, vous pouvez voir que le premier tableau nommé arr1 un tableau et il est vide aussi parce qu'elle ne contient aucun élément, alors que la deuxième variable nommée arr2 n'est pas un tableau .

 arr1 is an array and it is empty as well. arr2 is not an array. 

isArray() et propriété .length ensemble

La propriété length et la fonction Array.isArray() peuvent être utilisées ensemble dans la condition if connectée par l'opérateur AND(&&).

Syntaxe

Voici la syntaxe de la propriété isArray() et de la propriété length comment elles sont utilisées ensemble :

 Array.isArray(arr1) &amp;&amp; arr1.length 

Utilisez la syntaxe ci-dessus avec la condition if-else pour vérifier le type de tableau et le tableau vide.

Comment l'utiliser?

Consultez l'exemple ci-dessous pour comprendre comment les deux fonctions fonctionnent ensemble pour vérifier un tableau vide en JavaScript.

Vérifiez si le tableau est vide

Vous pouvez utiliser l'opérateur OR (||) entre les deux conditions pour vérifier que le tableau est vide.

 if(Array.isArray(arr1) || arr1.length) { // } 

Vérifiez si le tableau n'est pas vide

Vous pouvez utiliser la méthode inverse pour vérifier que le tableau n'est pas vide. Pour cela, utilisez l'opérateur AND (&&) pour mettre les conditions permettant de vérifier que le tableau n'est pas vide.

 if(Array.isArray(arr1) &amp;&amp; arr1.length) { // } 

Exemple 1

Nous allons maintenant utiliser cette fonction dans un exemple pour mieux la comprendre. Dans cet exemple, nous avons vérifié deux variables, qu'elles soient de type tableau ou non.

Copier le code

 var arr1 = []; var arr2 = [15, 78, 24, 89, 23]; //check the first variable (arr1) type and empty if(Array.isArray(arr1) == true &amp;&amp; arr1.length <= 0) document.write('arr1 is an array and it empty <br> <br>&apos;); else document.write(&apos;Either arr1 is not an array or it is not empty <br> <br>&apos;); //check the second variable (arr2) type and empty if(Array.isArray(arr2) == true &amp;&amp; arr2.length <= 0) document.write('arr2 is an array and it empty <br>&apos;); else document.write(&apos;Either arr2 is not an array or it is not empty <br>&apos;); </=></=>
Testez-le maintenant

Sortir

Vous pouvez voir que arr1 est un tableau vide et que err2 n'est pas un tableau ou n'est pas vide dans la sortie ci-dessous.

 arr1 is an array and it is empty. Either arr2 is not an array or it is not empty. 

Remarque : Il s'agit d'une manière complexe et moins claire d'obtenir le résultat exact.

Array.isArray() contre .length

La propriété .length peut être utilisée avec d'autres types de données comme une chaîne pour trouver la longueur. Alors que la méthode Array.isArray() n'est utilisée qu'avec les données d'un tableau, ce qui permet également d'identifier que votre tableau est un tableau.

La méthode Array.isArray() est un peu longue car ici, nous déterminons d'abord si la variable est de type tableau ou non, puis nous devons utiliser la propriété .length pour vérifier le tableau vide.

Nous vous suggérons donc d'utiliser la propriété .length pour vérifier directement la longueur de la variable tableau pour de petits calculs et déterminer si elle est vide ou non.