Remove Null Values from an Object in Javascript

Remove Null Values from an Object #

To remove all null values from an object:

1. Use the Object.keys() method to get an array of the object's keys.
2. Use the forEach() method to iterate over the array of keys.
3. Check if each value is equal to null and delete the null values using the delete operator.

Copied!
const obj = {
  one: null,
  two: 2,
  three: null,
};

Object.keys(obj).forEach(key => {
  if (obj[key] === null) {
    delete obj[key];
  }
});

console.log(obj); // 👉️ {two: 2}

The Object.keys method returns an array containing the object's keys.

Copied!
const obj = {
  one: null,
  two: 2,
  three: null,
};

// 👇️ ['one', 'two', 'three']
console.log(Object.keys(obj));

The Array.forEach method allows us to iterate over the array of keys.

The function we passed to the forEach() method gets called with each element (key) in the array.

Copied!
const obj = {
  one: null,
  two: 2,
  three: null,
};

Object.keys(obj).forEach(key => {
  if (obj[key] === null) {
    delete obj[key];
  }
});

console.log(obj); // 👉️ {two: 2}

We check if the value, associated to the current key is equal to null and if the condition is met, we use the delete operator to delete the key-value pair.

Alternatively, you can use a for...in loop.

To remove all null values from an object:

1. Use the for...in loop to iterate over the object.
2. On each iteration, check if the value is equal to null.
3. Use the delete operator to delete each null value.

Copied!
const obj = {
  one: null,
  two: 2,
  three: null,
};

for (const key in obj) {
  if (obj[key] === null) {
    delete obj[key];
  }
}

console.log(obj); // 👉️ {two: 2}

The for...in loop allows us to iterate over the object's properties.

We check if the value of the current property is equal to null and if either condition is met, we delete the key-value pair.

Further Reading #

• Remove all Undefined Values from an Object in JavaScript
• Remove Object from an Array by its Value in JavaScript
• Remove the Falsy values from an Object in JavaScript
• Remove Property from all Objects in Array in JavaScript
• How to Rename an Object's Key in JavaScript
• Check if a Value is an Object using JavaScript