Validate an object to check for null or empty fields, including arrays, using Javascript

Question

Validate an object to check for null or empty fields, including arrays, using Javascript

Currently, I am facing an issue with iterating through a complex array that contains objects and embedded arrays. The goal is to detect any empty or null values within the array. However, my challenge lies in accurately determining if an array is empty. Despite not being null or undefined, some arrays contain objects and are mistakenly added even when their length is 0. Here's what I have tried so far:

var progressCount = 0;
var progressKeyLength = progressBarCriteria.length;
for (var i = 0; i<progressKeyLength; i++){
  //Although I can identify arrays at this point, I struggle to check their length due to them being object arrays.
  if(Array.isArray(progressBarCriteria[i])){
    console.log('array' + i);
  }
  if (progressBarCriteria[i] !== null && progressBarCriteria[i] !== ""){
    ++progressCount
  }
}


progressBarCritiria = [
   example1: "",
   example2: "asdasdas",
   example3: 233,
   example4: {asda: 1},
   example5: {asadasda: "asdasdA"},
   example6: "",
   example7: [],
   example8: [1, 12312],
   example9: [{1: "ad"}, {1: 12312}],
]

Hence, elements 1, 6, and 7 should be excluded from the count.

javascript arrays typescript object

Answer 1

Answer №1

In order to verify the length or null value of an array, consider the concept of Truthy and Falsy values as detailed in this resource.

if (Array.isArray(progressBarCriteria[i]) && progressBarCriteria[i].length) {
   // This indicates that the array is not empty.
}

The statement
```
Array.isArray(progressBarCriteria[i])
```
ensures that the value is indeed an array.
If progressBarCriteria[i].length equals 0, the boolean value will be false; otherwise, it will be true.

Answer 2

In order to verify the length or null value of an array, consider the concept of Truthy and Falsy values as detailed in this resource.

if (Array.isArray(progressBarCriteria[i]) && progressBarCriteria[i].length) {
   // This indicates that the array is not empty.
}

The statement
```
Array.isArray(progressBarCriteria[i])
```
ensures that the value is indeed an array.
If progressBarCriteria[i].length equals 0, the boolean value will be false; otherwise, it will be true.

Answer 3

Answer №2

If you want to accomplish this task, consider using a recursive function. Keep in mind that in javascript, arrays are treated as objects. Therefore, it is necessary to verify if an element is an object by using

if (typeof arr === 'object' && !(arr instanceof Array))

. For more details, refer to this page and this one.

function checkRecursiveArray(arr) {

  // Check if arr is an object
  if (typeof arr === 'object' && !(arr instanceof Array)) {
    
    // Check if the object is empty
    if (Object.keys(arr).length === 0) {
    
      // Perform an action if empty
      console.log('This object is empty');
    
    } else {
    
      // Recursively check object properties
      for (var key in arr)
        if (arr.hasOwnProperty(key))
          checkRecursiveArray(arr[key])
    
    }
  
  } else
  if (Array.isArray(arr)) {
  
    // Check if the array is empty
    if (arr.length === 0) {
    
      // Perform an action if empty
      console.log('This array is empty');
    
    } else {
    
      // Recursively check array elements
      for (var i = 0; i < arr.length; i++)
        checkRecursiveArray(arr[i])
    
    }
  
  }   

}

Answer 4

If you want to accomplish this task, consider using a recursive function. Keep in mind that in javascript, arrays are treated as objects. Therefore, it is necessary to verify if an element is an object by using

if (typeof arr === 'object' && !(arr instanceof Array))

. For more details, refer to this page and this one.

function checkRecursiveArray(arr) {

  // Check if arr is an object
  if (typeof arr === 'object' && !(arr instanceof Array)) {
    
    // Check if the object is empty
    if (Object.keys(arr).length === 0) {
    
      // Perform an action if empty
      console.log('This object is empty');
    
    } else {
    
      // Recursively check object properties
      for (var key in arr)
        if (arr.hasOwnProperty(key))
          checkRecursiveArray(arr[key])
    
    }
  
  } else
  if (Array.isArray(arr)) {
  
    // Check if the array is empty
    if (arr.length === 0) {
    
      // Perform an action if empty
      console.log('This array is empty');
    
    } else {
    
      // Recursively check array elements
      for (var i = 0; i < arr.length; i++)
        checkRecursiveArray(arr[i])
    
    }
  
  }   

}

Answer 5

Answer №3

After reviewing both solutions, I have crafted a solution that works perfectly. Please note that this code snippet is written in Typescript.

for (let i = 0; i < progressKeyLength; i++){
  if (!(progressBarCriteria[i] instanceof Array)){
    if(progressBarCriteria[i] !== null && progressBarCriteria[i] !== "") {
        ++progressCount
    }
  } else {
    let current = progressBarCriteria[i];
    if (Array.isArray(current) && current.length !== 0){
      ++progressCount
    }
  }
}

Answer 6

After reviewing both solutions, I have crafted a solution that works perfectly. Please note that this code snippet is written in Typescript.

for (let i = 0; i < progressKeyLength; i++){
  if (!(progressBarCriteria[i] instanceof Array)){
    if(progressBarCriteria[i] !== null && progressBarCriteria[i] !== "") {
        ++progressCount
    }
  } else {
    let current = progressBarCriteria[i];
    if (Array.isArray(current) && current.length !== 0){
      ++progressCount
    }
  }
}

Validate an object to check for null or empty fields, including arrays, using Javascript

Answer №1

Answer №2

Answer №3

Similar questions

Caution: Potential Unresolved Promise Rejection Detected (ID: 21) - Error: Undefined is not a valid object when trying to evaluate 'res.json'

Uncovering the Mystery Behind the Repetitive Execution of useEffect in Next.js

Update the state in the componentDidMount lifecycle method

Implementing a timed delay before assigning a class in the state

Encountering issues with @typescript-eslint/typescript-estree due to using a non-officially supported version of TypeScript after updating Nuxt

Is there a way for me to adjust the image dimensions so that it doesn't surpass the width of its parent container?

Troubleshooting Clarifai object error while invoking "model.predict" within Angular Framework

Access denied for generating login hint on target domain in javascript web application for Google sign-in

Structuring a TypeScript microservices repository on GitHub: Best practices to follow

Is there a way to dynamically fetch and run JavaScript code from the server without resorting to the use of the

Having trouble getting the jQuery function to update text properly

The type 'undefined' cannot be assigned to the type 'string | Buffer | { key: string | Buffer; passphrase: string; } | GetPublicKeyOrSecret'

Looking to pass the `Item Index` to functions within v-list-item-action in Vuetify?

Verify whether the object is properly implementing the interface

Minimize the quantity of data points displayed along the X-axis in a highcharts graph

Using jest.fn() to simulate fetch calls in React

Tips for generating a unique user validation hash or token

Get only the text content from a hyperlink using Tinymce-4

Looking for an API to retrieve random quotes and images from a website?

Nodemailer is experiencing difficulties when used within the routes directory