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
Laravel Unique Validation on Update
Laravel Unique Validation on U...

Today in this post we will see laravel unique validation on update. unique validation rule in laravel is used when...

Read More

Sep-03-2021

How To Toggle Dark and Light Mode using jQuery
How To Toggle Dark and Light M...

In this article, we will see how to toggle between dark and light modes using jquery. As per the current trend of web de...

Read More

Nov-24-2020

How To Get Current Month Records In MySQL
How To Get Current Month Recor...

In this tutorial, we will see how to get current month records in MySQL. For data analysis and reporting, we need more d...

Read More

Feb-08-2022

Queen Elizabeth II Portrait Using CSS
Queen Elizabeth II Portrait Us...

In this article, we will see Queen Elizabeth II portrait using CSS. Elizabeth II was Queen of the United Kingd...

Read More

Sep-11-2022