javascript - 如何在 JSON api 中显示空值来代替未定义的值？

Question

在天气API中，有些值为null，在主页上显示为未定义(见底部图片)，这会占用最大空间。如何用空值(即“”或“NA”)替换这些空值？

下面是代码

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')
    }

  });

有什么解决办法吗？

Answer 1

快速解决方案:

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')
    }

(编辑)使用三元运算符，您可以检查 null 或未定义并用您选择的值覆盖