How to remove the falsy value attribute from object

#javascript #es6 #object #falsyelement

Sometimes we want to remove null, empty, undefined, false value attribute from an object. we can do this using the below method.

const removeFalsyElement = object => {
  const newObject = {};
  Object.keys(object).forEach(key => {
    if (object[key]) {
      newObject[key] = object[key];
    }
  });
  return newObject;
};

assume my object like this

const myObject = {
  withValue: "have some value",
  withNumber: 1234,
  nullValue: null,
  undefinedValue: undefined,
  emptyValue: "",
  falseValue: false
};

and want to return those attribute which has actual value.
usage

console.log(removeFalsyElement(myObject));
// output: Object { withValue: "have some value", withNumber: 1234 }

Top comments (2)

official_dulin • Jun 11

const obj = {
  name: "John Doe",
  age: 30,
  occupation: "Software Engineer",
  hobbies: ["Coding", "Reading", "Hiking"],
  nullKey: null,
  emptyStrKey: ''
};

const newObj = Object.fromEntries(
  Object.entries(obj).filter(([key, value]) => value)
);

console.log(newObj);