How to show empty value in place of undefined value in JSON api?

Question

In weather api, some values are null which is displayed as undefined on main page (See the image at the bottom), which takes maximum space. How to replace these null values with empty i.e ' ' or 'NA'?

Below is the code

fetch(`${IP_LOCATION}&lat=${lat}&long=${lon}`)
  .then(res => res.json()).then(responseJson => {
    try {
      this.setState({
        sunrise: responseJson.sunrise,
        sunset: responseJson.sunset,
        // Here I get undefined
        moonrise: responseJson.moonrise,
        moonset: responseJson.moonset,
      })

    } catch {
      toast.error('No Data Received')
    }

  });

Any solution?

Giuseppe B · Accepted Answer · 2019-11-26 17:36:54Z

4

quick solution:

try {
      this.setState({
        sunrise: responseJson.sunrise,
        sunset: responseJson.sunset,

        // replace with this line 
        moonrise: responseJson.moonrise ? responseJson.moonrise : " ",

        moonset: responseJson.moonset,
      })

    } catch {
      toast.error('No Data Received')
    }

(edit) using the ternary operator you can check for null or undefined and override with value of your choice

edited Nov 26, 2019 at 17:36

answered Nov 26, 2019 at 17:30

Giuseppe B

1,3149 silver badges9 bronze badges

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

5 Comments

Tim Lewis Over a year ago

Correct me if I'm wrong, but I don't think A ? A : B is an elvis operator, but a basic ternary. Elvis is A ?: B isn't it?

Pranav Over a year ago

Hey guys... Its still returning undefined

Pranav Over a year ago

I tried with the solution mentioned by @GiuseppeB, but, still no effect

Giuseppe B Over a year ago

any chance is a binding issue? what if you replace "" with any char, as "-"?

Giuseppe B Over a year ago

you can try to bind the var using the elvis operator (this time elvis for real) . {{state?.moonrise}}

Matt U · Accepted Answer · 2019-11-26 17:36:42Z

1

You could use the ternary operator as @GiuseppeB mentioned. Or you can use an or operator like this responseJson.moonrise || "". Keep in mind with this solution, however, that if responseJson.moonrise is ever a falsy value (not just null or undefined) then the empty string will be the result.

answered Nov 26, 2019 at 17:36

Matt U

5,12812 silver badges28 bronze badges

Collectives™ on Stack Overflow

How to show empty value in place of undefined value in JSON api?

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related