字符串连接时如何使变量可选？

Question

我正在处理要在UI中显示的字符串，有时我无法使用header和details来使用下面的代码动态地处理数据，因此如何制作IHeader和{{1} }对于下面的字符串串联是可选的。

如果我没有IHeader，它将在IHeader.id处中断并抛出异常，我想显示任何可渲染的数据。

main.js

IResponse

Answer 1

1 -您可以尝试创建具有空值的对象。这样可以防止异常。

   emptyObject = {id: ""} // more empty keys, if there is
   IParam = (item.id === "param") ? item : emptyObject

2 -或忽略undefined或null变量的串联。

if (Iparam) {
    // concatenation ..
}