How To Check Array Is Empty Or Null In Javascript

Websolutionstuff | Aug-18-2020 | Categories : PHP jQuery

In this example, I will show you how to check if an array is empty or null in javascript or jquery. When we are working in javascript and you want to loop the array at that time we need to check whether an array is empty or not. So, it doesn't return an error. There are many ways to check javascript array is empty or not.

So, let's see how to check if the array contains a value in jquery or jquery check if the value exists in an array of objects.

Using JQuery isEmptyObject()

 This method is reliable to check whether the array is empty or contains elements.

<script src="https://code.jquery.com/jquery-3.5.0.min.js"></script>
<script type="text/javascript">
    var Array1 = [1, 2, 3];
    var Array2 = [];

    console.log(jQuery.isEmptyObject(Array1)); // returns false
    console.log(jQuery.isEmptyObject(Array2)); // returns true
</script>

 

Checking with the condition if an array is not undefined

Many times we are required to check that array should not be an undefined object and has at least one element. This can be also checked with typeof.

<script type="text/javascript"> 
    var undefinedAray = undefined;

    if (typeof undefinedAray !== "undefined" && undefinedAray.length > 0) {
        // undefinedAray is not empty
    } else {
        // undefinedAray is empty or undefined
    }
</script>

 

Checking by array length

 We can check the array with length, if the array length is 0 then the array is empty.

<script type="text/javascript">
    var Arraylegnth = [1];

    if (Arraylegnth && Arraylegnth.length > 0) {
        // Arraylegnth is not empty
    } else {
        // Arraylegnth is empty
    }
</script>

 


You might also like:

Recommended Post
Featured Post
How To Bind Data In React JS
How To Bind Data In React JS

In this article, we will see how to bind data in React JS. Also, we will see how to bind the variable value in the...

Read More

Aug-19-2022

Jquery appendTo And prependTo Example
Jquery appendTo And prependTo...

In this article we will see jquery appendTo() and prependTo example. The appendTo() method inserts HTML elements at...

Read More

Dec-13-2021

How to Validate Reactive Form in Angular 17
How to Validate Reactive Form...

Hello developer, In this article, we'll see how to validate a reactive form in angular 17. Reactive forms...

Read More

Mar-27-2024

How to Install PHP PDO MySQL Extension in Ubuntu 22.04
How to Install PHP PDO MySQL E...

Hey there! If you're diving into PHP development on Ubuntu 22.04 and need to connect your applications to MySQL data...

Read More

Feb-28-2024