WEB 教程
实践 示例
HTML 参考手册
CSS 参考手册
PHP 参考手册

如何在 JavaScript 中用单个空格替换多个空格

主题:JavaScript / jQuery上一页|下一页

答案:使用 JavaScript replace() 方法

您可以简单地使用 JavaScript replace() 来替换字符串中的多个空格。

让我们看一下以下示例,以了解其基本工作原理:

<script>
    var myStr = 'The     quick   brown  fox';
    alert(myStr);  // Output 'The     quick   brown  fox'
    
    var newStr = myStr.replace(/  +/g, ' ');
    alert(newStr);  // Output 'The quick brown fox'
</script>

但是,如果您在网页上打印这些字符串,则不会看到差异,因为除非您保留空白,否则浏览器会将多个空格视为单个空格。

<script>
    var myStr = 'The  quick brown fox';
    document.write('<p>' + myStr + '</p>'); // Browser doesn't display multiple spaces
    var newStr = myStr.split(' ').join('-');
    document.write('<p>' + newStr + '</p>'); // Print 'The--quick-brown-fox'
    
    var myStr = myStr.replace(/  +/g, ' ');
    document.write('<p>' + myStr + '</p>');
    var newStr = myStr.split(' ').join('-');
    document.write('<p>' + newStr + '</p>');  // Print 'The-quick-brown-fox'
</script>

FAQ 相关问题解答

以下是与此主题相关的更多常见问题解答:

Advertisements