如何處理屬性為null的json文件

Question

我需要讀取一個json文件並在表上打印數據json文件中有很多對象，以及對象，數組內的對象...

json文件的示例

[
  {
    "id_transaction": 116,
    "company": "ABC",
    "verified": true,
    "date": "2019-04-09T13:31:20.429Z",
    "bio_data": {
      "id": "string",
      "data": "string",
      "digital": [
        {
          "name": "value1",
          "digital": ""
        },
        {
          "name": "value2",
          "digital": "value2"
        },
        {
          "name": "",
          "digital": "value3"
        }       
      ]
    },
    "info_data": {
      "value1": "value1",
      "value2": "",
      "value3": "",
      "value4": "value4",
      "value5": 1.0,
      "value6": ""      
    }
  }
]

此json文件的任何數據都可以為null，對象bio_data和info_data可以為null， digital數組可以為null，其他簡單屬性（ company ， date等）可以為null。

處理空值的最佳方法是什么？ 現在，我正在處理每種情況，將null值更改為- ，但這不是最明智的方法。 舉個例子：

id_transaction !== null ? id_transaction : ' - '
info_data !== null ? info_data.value1 : ' - '
bio_data.digital[0] !== undefined ? bio_data.digital[0].name] : '-'

我該如何創建功能來應對呢？ 還是存在一種更好的處理方式（我正在使用React）？

Answer 1

那么，當任何一個屬性為null時，您的應用程序應該怎么做？ 應該是：

• 跳過那個財產？
• 使用默認值，例如'-'嗎？
• 拋出異常？

您需要指定自己，沒有標准答案。

指定后，就可以使用and-和or運算符（ &&和|| ）來縮短代碼。 例如：

let name = bio_data.digital && bio_data.digital[0] && bio_data.digital[0].name || 'Unknown';

也可以看看：

• JavaScript中是否有“空合並”運算符？
• 空合並運算符Javascript