JS - 去掉或者替换所有的空格、回车换行符（\r\n替换成br）

2017-08-26 发布：hangge 阅读：42333

在 HTML 的 textarea 控件中输入回车并提交会发现，内容中的换行是用 \n 或 \r\n 表示（取决于浏览器和操作系统）。如果我们直接将这个内容显示在 html 页面上，那么文字是不会像输入时的那样换行的。

同样的，在 textarea 中连续敲多个空格，这些内容如果直接显示在 html 页面就会变成一个空格。为了正确显示，我们需要将内容做个转换。

一、替换所有的的空格、回车换行符

为了让回车换行符正确显示，需要将 \n 或 \r\n 替换成 <br>。同样地，将空格替换存  。这里我们通过正则表达式来替换。

1，样例代码

//原始字符串
var string = "欢迎访问!\r\nhangge.com    做最好的开发者知识平台";

//替换所有的换行符
string = string.replace(/\r\n/g,"<br>")
string = string.replace(/\n/g,"<br>");

//替换所有的空格（中文空格、英文空格都会被替换）
string = string.replace(/\s/g,"&nbsp;");

//输出转换后的字符串
console.log(string);

2，运行结果

二、去掉所有的的空格、回车换行符

这个原理同上面一样，也是通过正则替换来实现。只不过将匹配到的内容替换成空字符串。

1，样例代码

//原始字符串
var string = "欢迎访问!\r\nhangge.com    做最好的开发者知识平台";

//去掉所有的换行符
string = string.replace(/\r\n/g,"")
string = string.replace(/\n/g,"");

//去掉所有的空格（中文空格、英文空格都会被替换）
string = string.replace(/\s/g,"");

//输出转换后的字符串
console.log(string);