js如何识别出字符串中的回车 \n并输出换行

矫情吗；* 2022-05-23 08:16 476阅读 0赞

首先，关于\\n,\\r,\\r\\n的区别请看这里

[https://blog.csdn.net/longforus/article/details/51925285][https_blog.csdn.net_longforus_article_details_51925285]

1.字符串中有“↵”符号

像这样的 var str="英雄联协议↵ ↵     在您向英雄联APP..."

这种只需要正则替换回车符就行了

str = str.replace(/↵/g," ");

这种情况一般不会出现，主要说下第二种情况：

2.有时候后台传来的字符串数据中是有回车符的，我们想要的效果是有回车符则自动换行

**![70][]**

**![70 1][]**

直接将结果字符串放到div里并没有换行，所以需要将字符串处理一下。

**我这里字符换中的回车符，表现为\\n，而不是\\n\\r和\\r**

**解决办法：**

办法一：

str=str.replace(/\n/g," ")

将\\n全部替换成,简单有效

补充：因为不同编辑输出的回车换行不太一样，如果你发现替换\\n无效果，可以试着换成\\r或者\\r\\n再看结果，总有一种可以替换成功

办法二：

需要循环字符换，将等于\\n的字符串替换成“ ”,重组字符串

var i;
 var result = "";
 var c;
 for (i = 0; i < str.length; i++) {
 c = str.substr(i, 1);
 if ( c == "\n")
 result = result + "";
 else if (c != "\r")
 result = result + c;
 }

方法二能用，但太麻烦不推荐

处理后显示效果成功换行

![70 2][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW56aGFuZzg2MQ_size_16_color_FFFFFF_t_70][]

[https_blog.csdn.net_longforus_article_details_51925285]: https://blog.csdn.net/longforus/article/details/51925285
[70]: /images/20220523/81167f0d76a34d149fa0c92b18dc0d95.png
[70 1]: /images/20220523/781d7d780d6448ed8e12c096edfb9b91.png
[70 2]: /images/20220523/9c58bab30b084a82b4be6abd2319eaca.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpYW56aGFuZzg2MQ_size_16_color_FFFFFF_t_70]: /images/20220523/54a04c499f7944c2913c5cad280e325b.png