197

我有以下 HTML 字符串。什么是 JavaScript 中用于从该字符串中删除前导和尾随空格的示例代码？

<p>&nbsp;&nbsp;</p>
<div>&nbsp;</div>
Trimming using JavaScript<br />
<br />
<br />
<br />
all leading and trailing white spaces
<p>&nbsp;&nbsp;</p>
<div>&nbsp;</div>
4

7 回答 7

273

请参阅 String 方法trim()- https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/Trim

var myString = '  bunch    of <br> string data with<p>trailing</p> and leading space   ';
myString = myString.trim();
// or myString = String.trim(myString);

编辑

如其他评论中所述，可以使用正则表达式方法。该trim方法实际上只是正则表达式的别名：

if(!String.prototype.trim) {  
  String.prototype.trim = function () {  
    return this.replace(/^\s+|\s+$/g,'');  
  };  
}

...这会将方法注入到那些仍在池的浅水区游泳的浏览器的本机原型中。

于 2012-04-05T16:06:42.690 回答
69 
var str = "  my awesome string   "
str.trim();

对于旧浏览器，使用正则表达式

str = str.replace(/^[ ]+|[ ]+$/g,'')
//str = "my awesome string"
于 2013-04-02T23:25:03.153 回答
12 
string.replace(/^\s+|\s+$/g, "");
于 2012-04-05T16:06:36.433 回答
9

我知道这是一个非常古老的问题，但它仍然没有一个公认的答案。我看到您希望删除以下内容：“空”的 html 标记和基于 html 字符串的空格。

我根据您对您正在寻找的输出的评论提出了一个解决方案：

Trimming using JavaScript<br /><br /><br /><br />all leading and trailing white spaces 


var str = "<p>&nbsp;&nbsp;</p><div>&nbsp;</div>Trimming using JavaScript<br /><br /><br /><br />all leading and trailing white spaces<p>&nbsp;&nbsp;</p><div>&nbsp;</div>";
console.log(str.trim().replace(/&nbsp;/g, '').replace(/<[^\/>][^>]*><\/[^>]+>/g, ""));

.trim()删除前导和尾随空格

.replace(/&nbsp;/g, '')移除&nbsp;

.replace(/<[^\/>][^>]*><\/[^>]+>/g, ""));删除空标签

于 2018-02-22T20:04:07.830 回答
8

如果您使用的是多行字符串，例如代码文件：

<html>
    <title>test</title>
    <body>
        <h1>test</h1>
    </body>
</html>

并希望替换所有前导行，以获得此结果：

<html>
<title>test</title>
<body>
<h1>test</h1>
</body>
</html>

您必须将multiline标志添加到您的正则表达式，^并$逐行匹配：

string.replace(/^\s+|\s+$/gm, '');

来自文档的相关引用：

“m”标志表示多行输入字符串应被视为多行。例如，如果使用“m”，“^”和“$”将从仅匹配整个字符串的开头或结尾变为字符串中任何行的开头或结尾。

于 2017-03-28T07:22:06.557 回答
5

01)。如果您只需要删除前导和尾随空格，请使用以下命令：

var address = "  No.255 Colombo  "
address.replace(/^[ ]+|[ ]+$/g,'');

这将返回字符串“No.255 Colombo”

02)。如果您需要删除所有空白，请使用以下命令：

var address = "  No.255 Colombo  "
address.replace(/\s/g,"");

这将返回字符串“No.255Colombo”

于 2019-01-16T08:11:05.717 回答
3 
var trim = your_string.replace(/^\s+|\s+$/g, '');
于 2012-04-05T16:07:13.250 回答