Filter out object properties having values of null or empty string

Question

I have a webpage that I'm loading information onto via an ajax call to a database. I'm pulling a singular object and if a specific field in that object is either null or empty I won't populate that portion of the page. For instance, let's say we have an object named Hamburger with fields topBun = "kaiser", middle = null, and bottomBun = "kaiser". I want to set each field based on these results.

In my head I'm thinking I'll have to do an if([variable] == null){ //set variable to page}. What I'm wondering is if there is a more simple or refined way to do this?

Yevhen Horbunkov · Accepted Answer · 2020-06-24 18:04:30Z

2

You may use Array.prototype.reduce() over Object.keys()

const obj = {a:1, b:2, c:null, d: ''},

      result = Object
        .keys(obj)
        .reduce((r,key) => 
          (obj[key] && (r[key]=obj[key]), r),{})
        
console.log(result)

.as-console-wrapper{min-height:100%;}

answered Jun 24, 2020 at 18:04

Yevhen Horbunkov

15.6k3 gold badges27 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Spectric · Accepted Answer · 2025-03-23 16:41:37Z

1

You can also use JS filters:

const obj = {a:1, b:2, c:null, d: ''},

result = Object.fromEntries(
    Object.entries(obj).filter(([,v]) => v)
);

console.log(result)

edited Mar 23 at 16:41

Spectric

32.6k6 gold badges32 silver badges56 bronze badges

answered Mar 23 at 10:58

tuurtje11

3412 silver badges9 bronze badges

Comments

luek baja · Accepted Answer · 2020-06-24 18:01:02Z

0

This function will return true if there are any null values in an object.

function search(object = { }) {
  const values = Object.values(object);

  for (let i = 0, l = values.length; i < l; i++) {
    if (values[i] === null) {
      return true;
    }
  }

  return true;
}

answered Jun 24, 2020 at 18:01

luek baja

1,71215 silver badges32 bronze badges

Comments

ABGR · Accepted Answer · 2020-06-24 18:01:47Z

0

You can check like this:

if(obj && obj.myProp && obj.someOther){
  //My code
}

Or you may do consider optional chaining:

if(obj?.myProp){

   }

Note that the former will validate for all falsy values while the later would work only for null and undefined

edited Jun 24, 2020 at 18:01

answered Jun 24, 2020 at 17:59

ABGR

5,2634 gold badges34 silver badges56 bronze badges

1 Comment

ABGR Over a year ago

@evolutionxbox yes that would validate if both myProp and someOther in obj are not null and non-undefined.

Abito Prakash · Accepted Answer · 2020-06-24 18:04:57Z

0

You can create a new object having valid values and then iterate over that object and populate your page accordingly. The below function takes in an object and returns an object which is only having valid values.

function filterObj (obj) {
    const result = {};
    Object.keys(obj).forEach(key => {
        if (obj[key]) result[key] = obj[key];
    });
    return result;
}

const yourObject = {topBun: "kaiser", middle: null, bottomBun: "kaiser"}
const obj = filterObj(yourObject); // {topBun: "kaiser", bottomBun: "kaiser"}

answered Jun 24, 2020 at 18:04

Abito Prakash

4,8002 gold badges16 silver badges28 bronze badges

Collectives™ on Stack Overflow

Filter out object properties having values of null or empty string

5 Answers 5

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related