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 Multiple Image Upload in Laravel 10 API
How to Multiple Image Upload i...

Hello everyone! I'm excited to share with you how I'm enhancing my Laravel 10 API by enabling the capability to...

Read More

Dec-01-2023

How To File Upload In Angular 15 Example
How To File Upload In Angular...

As an Angular 15 developer, I understand the significance of incorporating file upload functionality into web applicatio...

Read More

Jun-19-2023

Laravel 9 Livewire Dependent Dropdown
Laravel 9 Livewire Dependent D...

In this article, we will see the laravel 9 livewire dependent dropdown. Here, we will learn how to create a dependent dr...

Read More

Nov-29-2022

How To Render Charts In React: using react-chartjs-2 and Chart.js
How To Render Charts In React:...

​​React is a really cool tool that helps programmers make awesome user interfaces using JavaScript.  When it com...

Read More

Jul-26-2023