logo

配列が空かどうかをチェックするJavaScript関数

JavaScript には、配列が空かどうかを確認するための組み込み関数が用意されています。以下は、空の配列をチェックするために JavaScript プログラミングによって提供されるメソッドです。

  1. 長さ
  2. isArray(配列)

Array.isArray() 関数は配列の型 (渡されたパラメーターが配列であるかどうか) をチェックし、array.length で配列の長さを調べます。したがって、空の配列を簡単に識別できます。個別に使用することも、別々に使用することもできます。

ここで、例を挙げてこれらの方法を詳しく学習します。

.length プロパティ

length プロパティは、配列が空かどうかを判断できる配列の長さを返します。このプロパティは、ドット (.) 演算子で連結された配列の名前とともに直接使用されます。 例: arr1.length

構文

 array.length 

このプロパティによって返される長さが 0 の場合、配列が空であることを意味する true を指します。それ以外の場合、ゼロ以外の値を返す場合、配列は空ではありません。

使い方?

これは、ドット (.) 演算子で連結されたユーザー定義の配列とともに直接使用されます。よりよく理解するには、このプロパティの以下の例を参照してください。

コードをコピーする

 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;); 
今すぐテストしてください

出力

以下の出力では、最初の配列の名前が arr1 は空ではありません 5 つの要素が含まれているのに対し、2 番目の配列の名前は arr2 が空です

 arr1 is not empty arr2 is empty 

Array.isArray()

JavaScript 、配列は実際には配列ではありません。それらはオブジェクトです。したがって、typeof プロパティを使用して配列の型をチェックすると、値が返されます。 物体 。しかし今では、 Arrau.isArray() 配列の型をチェックする関数。空の配列をチェックするために .length プロパティとともに使用できます。

このメソッドは、この関数に渡した値が配列であるかどうかを判断するのに役立ちます。配列型または通常のデータ型変数を識別すると言えます。また、未定義または null 配列を決定することもできます。

Java int から char へ

構文

 Array.isArray(arr1) 

ブール値を返します。 真実 または偽。

戻り値

真実 - 戻ってきたら 真実、 渡される値は配列です。

間違い - false を返す場合、この関数で渡される値は配列型ではありません。

使い方?

この関数は配列の名前とともに使用されます。例: 配列 . isArray ( arr1 ) 。ここでは、この関数を .length プロパティとともに使用して、空の配列を確認します。よりよく理解するには、JavaScript の例でこの関数の実装を参照してください。

コードをコピーする

 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;); 
今すぐテストしてください

出力

以下の出力では、Array.isArray() 関数を使用してチェックした値は配列ですが、その配列は空ではないことがわかります。

 arr1 is an array but it is not empty. 

例 2

この例では、配列が空であるかどうかをチェックし、別の変数が配列以外の値であるかどうかをチェックします。以下のコードを参照してください。

 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;); </=></=>
今すぐテストしてください

出力

以下の出力では、最初の配列の名前が arr1 配列ですが空です また、その中に要素が含まれていないため、2 番目の変数の名前は arr2 は配列ではありません

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

isArray() と .length プロパティの併用

length プロパティと Array.isArray() 関数は両方とも、AND(&&) 演算子で接続された if 条件内で一緒に使用できます。

構文

isArray() と length プロパティをどのように組み合わせて使用​​するかの構文を次に示します。

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

上記の構文を if-else 条件とともに使用して、配列の型と空の配列を確認します。

それの使い方?

両方の関数が連携して JavaScript で空の配列をチェックする方法を理解するには、以下の例を参照してください。

配列が空かどうかを確認する

両方の条件の間に OR (||) 演算子を使用して、配列が空であることを確認できます。

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

配列が空でないかどうかを確認する

逆のメソッドを使用して、配列が空でないことを確認できます。このためには、AND (&&) 演算子を使用して、配列が空でないことを確認する条件を指定します。

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

例1

ここで、この関数をよりよく理解するために例でこの関数を使用します。この例では、2 つの変数が配列型であるかどうかをチェックしました。

コードをコピーする

 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;); </=></=>
今すぐテストしてください

出力

以下の出力では、arr1 が空の配列であり、err2 が配列でないか空ではないことがわかります。

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

注: これは複雑で、正確な結果を得る方法としてはあまり明確ではありません。

Array.isArray() と .length の比較

.length プロパティは、文字列などの他のデータ型とともに使用して長さを見つけることができます。一方、 Array.isArray() メソッドは配列データでのみ使用され、配列が配列であることを識別するのにも役立ちます。

Array.isArray() メソッドは少し長くなります。なぜなら、ここでは最初に変数が配列型かどうかを判断し、次に .length プロパティを使用して空の配列をチェックする必要があるからです。

そこで、小規模な計算では .length プロパティを使用して配列変数の長さを直接チェックし、それが空かどうかを判断することをお勧めします。