js check if array is empty

How to check if array is empty or null or undefined in javascript?

Syntax Code

if (productInfoArr && productInfoArr.length > 0) {
   console.log('productInfoArr is not empty.');
}else{
   console.log('productInfoArr is empty.');
}

Example:

<!DOCTYPE html>
<html>
<head>
    <title>How to check if array is empty or null or undefined in javascript? - ItSolutionStuff.com</title>
</head>
<body>
  
<script type="text/javascript">
   
    /*
      Basic Checking for Jquery Array
    */
    var productInfoArr = [1, 2, 3];
  
    if (productInfoArr && productInfoArr.length > 0) {
        console.log('productInfoArr is not empty.');
    }else{
        console.log('productInfoArr is empty.');
    }
  
  
    /*
      Basic Checking with empty array for Jquery Array
    */
    var productInfoArr2 = [];
  
    if (productInfoArr2 && productInfoArr2.length > 0) {
        console.log('productInfoArr2 is not empty.');
    }else{
        console.log('productInfoArr2 is empty.');
    }
  
  
    /*
      Basic Checking with undefined array for Jquery Array
    */
    if (typeof productInfoArr3 !== 'undefined' && productInfoArr3.length > 0) {
        console.log('productInfoArr3 is not empty.');
    }else{
        console.log('productInfoArr3 is empty.');
    }
  
  
    /*
      Basic Checking with null array for Jquery Array
    */
    var productInfoArr4 = null;
   
    if (productInfoArr4 && productInfoArr4.length > 0) {
        console.log('productInfoArr4 is not empty.');
    }else{
        console.log('productInfoArr4 is empty.');
    }
   
</script>
</body>
</html>

Results

productInfoArr is not empty.
productInfoArr2 is empty.
productInfoArr3 is empty.
productInfoArr4 is empty.