Question

代码如下：

const documentSigner = `${parameters.signor.surname} ${parameters.signor.name} ${parameters.signor.patronymic || ''}`;

如您所见，如果有赞助，一切都会很好，但如果没有，就会有额外的空间。

如何管理？

Answer 1

将多余的空间移到插值中，只有在patronymic存在的情况下，才添加该空间。

const { surname, name, patronymic } = parameters.signor;

const documentSigner = `${surname} ${name}${patronymic ? ` ${patronymic}` : ''}`;

Answer 2

您可以使用JavaScript的“ StringBuilder”，方法是将要打印的元素添加到数组中，然后调用Array.prototype.join方法。这会将所有元素连接到一个单独的字符串中，并由提供给join方法的字符串分隔。

通过这种方式，您不必重复连接器字符串，还可以更轻松地维护/改进其功能。

var text = [parameters.signor.surname, parameters.signor.name];
if(parameters.signor.patronymic) text.push(parameters.signor.patronymic);
const documentSigner = text.join(" ");

Answer 3

您可以使用三元组和嵌套的模板字符串来执行此操作，以在变量不为空的情况下在变量前添加空格：

function complexString(val1, val2) {
  return `${val1}${val2 ? ` ${val2}` : ''}!`;
}

console.log(complexString('hello', 'world'));
console.log(complexString('hello', ''));

或者您也可以使用逻辑和（&&）在两部分之间插入空格：

function complexString(val1, val2) {
  return `${val1}${val2 && ' '}${val2}!`;
}

console.log(complexString('hello', 'world'));
console.log(complexString('hello', ''));

您可能希望修剪变量以使测试更可靠：

`${val1}${val2 && val2.trim() ? ` ${val2}` : ''}!`;
`${val1}${val2 && val2.trim() && ' '}${val2}!`;

如何摆脱字符串文字中的多余空间？

3 个答案: