如何在es6中提供两个字符串之间的空格

Question

我想在名字和年龄之间提供空间，所以我使用了u00A0u00A0u00A0，它工作得很好，但它看起来不太好，是否有另一种方法来实现这个

personsList: `${t('Name')} ${personName}u00A0u00A0u00A0${t('age')} ${personAge}

Answer 1

我猜在某些时候，您正在将personsList呈现为HTML，并且您希望在名称和以下年龄之间不止一个空格，这就是为什么您使用非换行空格而不是普通空格。

如果这是真的，一种方法是稍微重构，将姓名和年龄信息放在不同的元素中，并使用适当的填充等。

如果你必须通过文本来做，你所拥有的是可行的。你说它看起来不太好。您可以通过为非断行空间使用常数来使其更明确，或者使用repeat:

const nbsp = "u00A0";
// ...
personsList: `${t('Name')} ${personName}${nbsp.repeat(3)}${t('age')} ${personAge}

或类似的，但有一个定义的间隔符

const spacer = "u00A0u00A0u00A0";
// ...
personsList: `${t('Name')} ${personName}${spacer}${t('age')} ${personAge}

但是我建议按照上面描述的方式重构。