logo

배열이 비어 있는지 확인하는 JavaScript 함수

JavaScript는 배열이 비어 있는지 여부를 확인하는 내장 함수를 제공합니다. 다음은 빈 배열을 확인하기 위해 JavaScript 프로그래밍에서 제공하는 방법입니다.

  1. 길이
  2. isArray(배열)

Array.isArray() 함수는 배열 유형(전달된 매개변수가 배열인지 여부)을 확인하고 array.length는 배열의 길이를 찾습니다. 따라서 빈 배열을 쉽게 식별할 수 있습니다. 개별적으로 사용할 수도 있고 별도로 사용할 수도 있습니다.

이제 예제를 통해 이러한 방법을 자세히 알아 보겠습니다.

.length 속성

length 속성은 배열이 비어 있는지 여부를 확인할 수 있는 배열의 길이를 반환합니다. 이 속성은 도트(.) 연산자로 연결된 배열의 이름과 함께 직접 사용되며, 예: arr1.length .

통사론

 array.length 

이 속성에서 반환된 길이가 0인 경우 true는 배열이 비어 있음을 의미합니다. 그렇지 않고 0이 아닌 값을 반환하면 배열은 비어 있지 않습니다.

사용하는 방법?

도트(.) 연산자로 연결된 사용자 정의 배열과 함께 직접 사용됩니다. 더 잘 이해하려면 이 속성의 아래 예를 참조하세요.

코드 복사

 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개의 요소가 있고 두 번째 배열은 arr2는 비어 있습니다 .

 arr1 is not empty arr2 is empty 

Array.isArray()

~ 안에 자바스크립트 , 배열은 실제로 배열이 아닙니다. 그것들은 객체입니다. 따라서 typeof 속성을 사용하여 배열의 유형을 확인하면 값을 다음과 같이 반환합니다. 물체 . 하지만 이제 우리는 Arrau.isArray() 빈 배열을 확인하기 위해 .length 속성과 함께 사용할 수 있는 배열 유형을 확인하는 함수입니다.

이 방법은 이 함수에 전달한 값이 배열인지 여부를 확인하는 데 도움이 됩니다. 배열 유형 또는 일반 데이터 유형 변수를 식별한다고 말할 수 있습니다. 또한 정의되지 않은 배열 또는 null 배열을 확인할 수도 있습니다.

웜퍼스 월드

통사론

 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 배열이고 비어 있습니다. 그 안에 요소가 없기 때문입니다. 반면에 두 번째 변수는 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

이제 이 기능을 더 잘 이해하기 위해 예제에서 이 기능을 사용하겠습니다. 이 예에서는 배열 유형인지 아닌지 두 개의 변수를 확인했습니다.

코드 복사

 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 속성을 사용하는 것이 좋습니다.