如何在JavaScript中创建具有多个空格的字符串

Question

创建变量

var a = 'something' + '        ' + 'something'

我得到这个值：'something something'。

如何在JavaScript中创建一个包含多个空格的字符串？

Answer 1

使用\xa0 - 这是 NO-BREAK SPACE 字符。

来自UTF-8 encoding table and Unicode characters的参考，您可以写如下：

var a = 'something' + '\xa0\xa0\xa0\xa0\xa0\xa0\xa0' + 'something';

Answer 2

使用 

它是用于表示不间断空间的实体。它本质上是一个标准空间，主要区别在于浏览器不应该在它占据的位置处断开（或换行）一行文本。

var a = 'something' + '&nbsp &nbsp &nbsp &nbsp &nbsp' + 'something'

非破坏空间

HTML中使用的常见字符实体是非中断空格（＆amp; nbsp;）。

请记住，浏览器总是会截断HTML页面中的空格。如果你写10个空格 您的文本，浏览器将删除其中的9个。要为文本添加真实空间， 您可以使用＆amp; nbsp; 字符实体。

http://www.w3schools.com/html/html_entities.asp

演示

var a = 'something' + '&nbsp &nbsp &nbsp &nbsp &nbsp' + 'something';

document.body.innerHTML = a;

Answer 3

var a = 'something' + Array(10).fill('\xa0').join('') + 'something'

可以将Array(10)中的

数字更改为所需的空格数

Answer 4

使用模板文字，可以使用多个空格或多行字符串以及字符串插值。模板文字是ES2015 / ES6的新功能，可让您使用字符串。语法非常简单，只需使用反引号代替单引号或双引号即可：

let a = `something                 something`;

要创建多行字符串，只需按Enter键即可创建新行，且不包含特殊字符：

let a = `something 

    
                         something`;

结果与您在字符串中写的完全相同。

Answer 5

您可以将<pre>标记与innerHTML一起使用。 HTML <pre>元素表示预先格式化的文本，该文本将与HTML文件中的编写完全一致。通常使用非比例（“等宽”）字体呈现文本。此元素内的空格显示为已写入。如果您不想使用其他字体，只需在CSS文件中添加pre作为选择器，并根据需要设置样式。

前：

var a = '<pre>something        something</pre>';
document.body.innerHTML = a;