JS字符串换行(js字符串换行)

一、字符串换行是什么

字符串是JS中的一种数据类型，表示以文本形式存储的数据。字符串换行是指在一个字符串中使用特定的字符或符号作为换行的标志，以便通过代码的方式输出带有换行的文本内容。

如下面的代码，使用换行符”n”进行字符串换行：

var str = "这是第一行n这是第二行n这是第三行";
console.log(str);

输出结果：

这是第一行
这是第二行
这是第三行

二、换行符与标识

JS中有多种用于字符串换行的符号和标识，除了常见的”n”，还有”r”、”rn”、”u2028″、”u2029″等，分别代表回车、回车换行、行分隔符、段落分隔符等。

需要注意的是，在不同操作系统和浏览器中，字符串的换行符也有所不同，比如Windows系统中的回车换行符”rn”，在Mac OS系统中则只用回车符”r”。因此，在编写JS代码时，需要根据实际场景正确选择使用的符号或标识。

三、使用换行符进行字符串拼接

在JS中，可以使用”+”和”n”来进行字符串拼接，并输出带有换行符的文本内容。如下代码所示：

var str1 = "这是第一行";
var str2 = "这是第二行";
var str3 = "这是第三行";
var str = str1 + "n" + str2 + "n" + str3;
console.log(str);

输出结果：

这是第一行
这是第二行
这是第三行

当然，也可以将多个字符串拼接成一行，然后在需要的地方添加换行符进行分行展示。如下面的代码所示，使用”n”将两个字符串分行输出：

var str1 = "这是第一行";
var str2 = "这是第二行";
var str = str1 + str2 + "n";
console.log(str);

输出结果：

这是第一行这是第二行

四、使用模板字符串进行字符串换行

ES6中新增了模板字符串的概念，可以方便地在字符串中使用多行文本内容，并且支持字符串插值。在使用模板字符串的时候，可以采用类似HTML中使用的多行文本格式，如下所示：

var str = `这是第一行
           这是第二行
           这是第三行`;
console.log(str);

输出结果：

这是第一行
这是第二行
这是第三行

需要注意的是，模板字符串中的多行文本默认会保留空格和缩进，如果想去除额外的空格或缩进，可以使用字符串方法trim()进行删除。

五、小结

JS中的字符串换行可以通过使用特定符号和标识进行实现，可以使用字符串拼接以及模板字符串的方式实现带有换行符的文本内容。正确地选择并使用符号和标识，能够在实际开发中使代码更加简洁优雅。