模板字符串中的 Javascript 条件

Question

有没有办法在模板字符串中做条件？

例如：

 let x, y;

x = ...
y = ...

let templateString = `${x} ${y}`;

如果 y 未定义，我不希望输出 x 之后模板字符串中的空格。我将如何使用模板字符串实现这一点？

这是唯一的方法吗？

  let templateString = `${x}${y ? ' ' + y : ''}`;

原文由 Boon 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

关于什么

let x,y;

const templateString = [x,y].filter(a => a).join(' ');

它首先将您的属性放入数组 [] 中。

然后它过滤未定义的项目。

最后它通过使用带空格的 join 创建数组的字符串。

这样 x 或 y 可以是未定义的。

原文由 baklazan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

如果您不在模板中添加逻辑，它看起来更容易阅读：

 let templateString = y ? `${x} ${y}` : `${x}`;

原文由 Darlesson 发布，翻译遵循 CC BY-SA 4.0 许可协议