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

Inquiry regarding the implementation of DTO within a service layer parameter

What exactly does a 'hoisted manifest' mean when it comes to using Yarn?

Is there a way to prevent IntelliJ from creating .js files when working with .ts source code?

Posting forms in NextJS can be optimized by utilizing onChange and keypress events for input fields

After the execution of the script by V8, which phase will be initiated first?

`Optimizing bundle size in Webpack using braintree-web integration with TypeScript`

Steps for resetting data() on a route without parameters:

Endless rotation with stunning magnification feature

Is it possible to verify the user's authentication by confirming the presence of a JWT in their localStorage?

The styling of a CSS class in Internet Explorer may not be applied correctly if there are multiple elements sharing the same class name

Using Thymeleaf in a Spring Boot application, the modal automatically closes after submission

Opt for JavaScript DOM manipulation over jQuery for element selection without depending on jQuery

Single-select components in React Native

Changing the color of a progress bar in Bootstrap based on a specific percentage level

Transforming PHP Variable Using Ajax

What prevents us from returning Observable.of(false) in the catch block within the canActivate function?

Having difficulty accessing certain code in TypeScript TS

What are the essential files needed in Kendo UI Core for a mobile app?

Is there a way to define an object's keys as static types while allowing the values to be dynamically determined?

Tips for passing certain optional parameters while excluding others without resorting to undefined or empty values like ""