If object contains null value how to assign empty string in javascript?

Question

I have an object,

data: [
    {
     "name": "aaa",
     "email": null,
     "username": "bbb",
     "age": 56,
     "dob": null,
  },
  {
     "name": "ddd",
     "email": null,
     "username": "ggg",
     "age": 46,
     "dob": null,
  },
]

If i append the data like,

$.each(data,function(i,e){
  .........
  $(".email").text(e.email);
  .........
})

I got an error

Cannot read property 'email' of null

So, If there is an null value in the object i want to append it as a empty string. How can i make it.

How does this data throw "Cannot read property 'email' of null" error? — adiga
– adiga, Commented Sep 24, 2019 at 12:30
that error is not saying that e.email is null, it is saying e is null and with that code, that is impossible. — epascarello
– epascarello, Commented Sep 24, 2019 at 12:31
You are right @epascarello, i missed one record so that caused me an error. thank you — user11303370
– user11303370, Commented Sep 24, 2019 at 12:36

avcajaraville · Accepted Answer · 2019-09-24 12:29:40Z

2

$.each(data,function(i,e){
  .........
  $(".email").text(e && e.email ? e.email : '');
  .........
})

This will add email if exists, otherwise, an empty string.

answered Sep 24, 2019 at 12:29

avcajaraville

9,0842 gold badges31 silver badges38 bronze badges

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

Comments

Durgesh · Accepted Answer · 2019-09-24 13:25:55Z

-1

In case attribute is null, one can go with -

   $.each(data,function(i,e){
     $(".email").text(e.email == null ? "": e.email);
    });

In case possibility of null object, one can go with -

$.each(data,function(i,e){
  $(".email").text(e != null && e.email ? e.email : "");
  console.log(e != null && e.email ? e.email : "");
});

edited Sep 24, 2019 at 13:25

answered Sep 24, 2019 at 12:32

Durgesh

1952 silver badges12 bronze badges

7 Comments

avcajaraville Over a year ago

This will error if email property is not present, as it seems the case on the original question.

VLAZ Over a year ago

@avcajaraville the error in the question comes from the fact that e is null, not the email property.

Durgesh Over a year ago

Tried this on Chrome dev tools, it will not give any error even if property is not present in object, please try once on browser.

some Over a year ago

What about if there is an object but no email property? (e&&e.email)||""

some Over a year ago

@Durgesh With e.email == null ? "": e.email you only test for null, and it will result in "undefined" if the property is missing (or is set to undefined)

|

Collectives™ on Stack Overflow

If object contains null value how to assign empty string in javascript?

2 Answers 2

Comments

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related