Check if an array is empty or not in JavaScript
For doing any operation on the array it is important to have elements in an array. we can check the presence of elements in an array by calculating the length of that array, also there are many other ways to check whether the array is empty or not.
These are the following methods to Check if an Array is Empty or Not:
- Check array existence and type with
Array.isArray()
.
- Verify emptiness using
array.length
.
- Combine both with
&&
to ensure the array exists and is not empty.
Syntax:
Array.isArray(emptyArray) && emptyArray.length
Example: This example shows the above-explained approach.
Javascript
function checkArray() {
let emptyArray = [];
let nonExistantArray = undefined;
let fineArray = [1, 2, 3, 4, 5];
if (Array.isArray(emptyArray) && emptyArray.length)
output = true ;
else output = false ;
console.log( "Output for emptyArray:" + output);
if (
Array.isArray(nonExistantArray) &&
nonExistantArray.length
)
output = true ;
else output = false ;
console.log( "Output for nonExistantArray:" + output);
if (Array.isArray(fineArray) && fineArray.length)
output = true ;
else output = false ;
console.log( "Output for fineArray:" + output);
}
checkArray();
|
Output
Output for emptyArray:false
Output for nonExistantArray:false
Output for fineArray:true
Method 2: Checking the type and length of the array
- Verify array existence by checking for ‘undefined’ or ‘null’ using the
typeof
operator.
- Check if the array is empty by ensuring the existence of the
array.length
property and confirming it’s greater than 0.
- Use the AND (
&&
) operator to ensure both array existence and non-emptiness.
Syntax:
typeof emptyArray != "undefined" && emptyArray != null && emptyArray.length != null
&& emptyArray.length > 0
Example: This example shows the use of the above-explained approach.
Javascript
function checkArray() {
let emptyArray = [];
let nonExistantArray = undefined;
let fineArray = [1, 2, 3, 4, 5];
if (
typeof emptyArray != "undefined" &&
emptyArray != null &&
emptyArray.length != null &&
emptyArray.length > 0
)
output = true ;
else output = false ;
console.log( "Output for emptyArray:" + output);
if (
typeof nonExistantArray != "undefined" &&
nonExistantArray != null &&
nonExistantArray.length != null &&
nonExistantArray.length > 0
)
output = true ;
else output = false ;
console.log( "Output for nonExistantArray:" + output);
if (
typeof fineArray != "undefined" &&
fineArray != null &&
fineArray.length != null &&
fineArray.length > 0
)
output = true ;
else output = false ;
console.log( "Output for fineArray:" + output);
}
checkArray();
|
Output
Output for emptyArray:false
Output for nonExistantArray:false
Output for fineArray:true
The Javascript arr.some() method checks whether at least one of the elements of the array satisfies the condition checked by the argument method.
Syntax:
arr.some(callback(element,index,array),thisArg)
Example: In this example, we will use JavaScript Array.some() method to check an empty array.
Javascript
function checkArray() {
let emptyArray = [];
let fineArray = [1, 2, 3, 4, 5];
let output = emptyArray.some((element) => true );
console.log( "Output for emptyArray:" + output);
output = fineArray.some((element) => true );
console.log( "Output for fineArray:" + output);
}
checkArray();
|
Output
Output for emptyArray:false
Output for fineArray:true
The JavaScript Array toString() Method returns the string representation of the array elements
Syntax:
arr.toString()
Example: In this article, we will use JavaScript toString() mehod to convert the given array to string and compare it with an empty string to give output.
Javascript
function checkArray() {
let emptyArray = [];
let fineArray = [1, 2, 3, 4, 5];
let output = emptyArray.toString() === "" ;
console.log( "Output for emptyArray:" + !output);
output = fineArray.toString() === "" ;
console.log( "Output for fineArray:" + !output);
}
checkArray();
|
Output
Output for emptyArray:false
Output for fineArray:true
JavaScript is best known for web page development but it is also used in a variety of non-browser environments. You can learn JavaScript from the ground up by following this JavaScript Tutorial and JavaScript Examples.
Last Updated :
01 Feb, 2024
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...