Javascript 如何go 除三元运算符的重复代码

发布于05月06日

我收到的数据中有很多字段为空，如果字段为空，我必须填充一些内容.

比如下面的数据

{   //...
    IGM_ETD: '2021-11-27T23:59:00+05:00',
    milestatus: null,
    transit_depart: null,
    etd_atd: null,
    // around 200+ fields
 }

在这里，transit_depart为null，如果数据为null，我将使用三元运算符来返回一些东西，如下图所示；

// this is a reproducible example.
// there are some other styles and comp to display if/else part
{transit_depart ? <>{transit_depart}</> : <>Not Available<>}

这是预期的工作，但问题是我有大约200多个类似的字段，如果我遵循这一点，那么在future ，如果我们必须进行任何UI更改，那么我们将更改所有相关的代码在这里.那么如何避免它，或者我们如何管理它.

推荐答案

用默认值替换不可用数据需要事先进行分析.大多数情况下，许多字段可能具有不同的默认值.

例如，0表示创建金额；有些日子是现在，有些日子是一年的第一天；""或"空白"或"不适用于某些字符串...

您需要一个方法来将一些字段映射到特定的默认值，其余字段都有一个最终默认值.

比如:

let data = {
    IGM_ETD: '2021-11-27T23:59:00+05:00',
    milestatus: null,
    transit_depart: null,
    etd_atd: null    
}

function setDefaults(data) {
  const someDefaults = {
    milestatus: 0,
    transit_depart: new Date('2021-01-01')
  }
  const theDefault = "N/A";  
  for (const [key, value] of Object.entries(data)) {
    if (value==null) {
      if (someDefaults[key]!=null) {
        data[key] = someDefaults[key]
      } else {
        data[key] = theDefault;
      }
    }
  }
  return data;
}

setDefaults(data);

/* now data contains
{
  IGM_ETD:"2021-11-27T23:59:00+05:00",
  milestatus:0,
  transit_depart:"2021-01-01T00:00:00.000Z",
  etd_atd:"N/A"
}
*/