我有下面的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>

当前回答

var str = "  my awesome string   "
str.trim();    

对于旧的浏览器,使用regex

str = str.replace(/^[ ]+|[ ]+$/g,'')
//str = "my awesome string" 

其他回答

参见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);

Edit

正如在其他评论中提到的,可以使用正则表达式方法。trim方法实际上只是一个正则表达式的别名:

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

…这将把该方法注入到本地原型中,以帮助那些还在浅水区游泳的浏览器。

var str = "  my awesome string   "
str.trim();    

对于旧的浏览器,使用regex

str = str.replace(/^[ ]+|[ ]+$/g,'')
//str = "my awesome string" 

如果你正在处理一个多行字符串,比如一个代码文件:

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

并替换所有前导行,得到这样的结果:

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

你必须添加多行标记到你的正则表达式,^和$逐行匹配:

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

相关文档引用:

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

string.replace(/^\s+|\s+$/g, "");
var trim = your_string.replace(/^\s+|\s+$/g, '');