如何避免“未定义”添加以下打字稿字符串？答案

【问题标题】：How to avoid 'undefind' adding following typescript string?如何避免“未定义”添加以下打字稿字符串？
【发布时间】：2020-09-10 23:10:55
【问题描述】：

我获取一些模型值并将它们在我的 .ts 文件中返回到 HTML。在 HTML 中，我将使用 {} 表达式绑定它。但在某些情况下，数据不可用，然后以未定义的形式出现。在这种情况下 undefined 也被添加到返回字符串中。需要一些专家的帮助来解决这个问题。

getInformation(): string {
    const i1  = this.A.x1;
    const n = this.A.x2;
    const c = this.A.x3;
    return `${String(c)} ${n} ${ii?.d1} ${i1?.d2}, `;
  }

在上面的代码中，${ii?.d1} ${i1?.d2} 可以是未定义的，我需要避免将它添加到那个条件。

现在有些案例文本为A B Undifind Undefind，此类案例需要更正为'A B'

【问题讨论】：

那么在这种情况下您想究竟返回什么？
我需要返回“其他文本”而不附加 undefind 。（undifind 不应附加到文本）

标签： typescript

【解决方案1】：

您可以使用值创建一个数组并过滤未定义的值并加入它们。

return [String(c), n, ii?.d1, i1?.d2].filter(i => i).join(' ')

【讨论】：

谢谢它正在工作，但需要在文本末尾添加'，'，逗号和空格，你能帮我吗？