In this example i will show you how to check array is empty or null in javascript or jquey. When we are working in javascript and you want to loop the array that time we need to check whether array is empty or not. To check if an array is empty or not, you can use the .length property. The length property sets or returns the number of elements in an array. empty array will have 0 elements inside. so, it doesn't return error.

There are many ways to check javascript array is empty or not. JavaScript provides in-built functions to check whether the array is empty or not.

1. isEmptyObject

2. length

 This method is reliable to check whether 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>

 

Many times we required to check that array should not be undefined object and has at least one element. This can be also check 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>

 

 

 We can check array with length, if array length is 0 then 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 :

• Read Also : Laravel AJAX CRUD Example Tutorial
• Read Also : How To Get Current User Location In Laravel
• Read Also : How To Integrate Paypal Payment Gateway In Laravel 8