javascript - 如何从字符串中修剪（）空格？

Question

JavaScript 似乎没有本地trim()方法。如何使用 JavaScript 修剪字符串开头和结尾的空格？

Answer 1

jQuery 的最短形式：

string = $.trim(string);

关联

Answer 2

根据此页面，最好的全方位方法是

return str.replace(/^\s\s*/, '').replace(/\s\s*$/, '');

当然，如果您使用的是 jQuery，它会为您提供优化的修剪方法。

Answer 3

我知道这个问题很古老，但现在，Javascript 实际上确实有一个原生的 .trim()

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim

Answer 4

好吧，正如很多人总是说的那样，trim 函数工作得很好，但是如果您不想使用整个框架来执行trim，那么看看它的实现可能会很有用。所以这里是：

function( text ) { return (text || "").replace( /^(\s|\u00A0)+|(\s|\u00A0)+$/g, "" );}

与这里已经提出的其他解决方案相比，我在此实现中看到的主要优点是：

• 'g' 标志，允许您对多行字符串执行修剪
• (text || "") 语法确保函数始终有效，即使传递的参数为 null 或未定义。

Answer 5

正如其他一些人已经指出的那样，通常最好使用第三方 JS 库来做这种事情。并不是说 trim() 是一个复杂的函数来构建自己，但是有很多函数不是 JavaScript 原生的，你可能需要并最终自己编写，使用库很快就会变得更具成本效益。

当然，使用 JS 库的另一个好处是作者努力确保这些函数在所有主流浏览器上都能正常工作，这样您就可以对标准接口进行编码，而忘记 Internet Explorer 和所有浏览器之间令人讨厌的差异。其他浏览器。

Answer 6

@Pat 的一个稍微小一点的版本。

return str.replace( /^\s+|\s+$/g, '' );

Answer 7

对于 ltrim，将锚定在字符串开头的空格替换为空：

str2 = str.replace(/^\s+/,'');

对于 rtrim，将锚定在字符串末尾的空格替换为空：

str2 = str.replace(/\s+$/,'');

对于修剪：

str2 = str.replace(/^\s+|\s+$/g,'');

这些都使用正则表达式来完成实际工作。

Answer 8

为什么不直接修改 String 原型呢？为什么不从开源库中窃取修剪功能，就像我在 YUI 中所做的那样？（你真的需要为这个简单的任务加载整个框架吗？）把它们放在一起，你会得到这个：

String.prototype.trim = function() {
    try {
        return this.replace(/^\s+|\s+$/g, "");
    } catch(e) {
        return this;
    }
}

var s = " hello ";
alert(s.trim() == "hello"); // displays true

Answer 9

使用Ariel Flesler 的快速修剪功能：

// Licensed under BSD
function myBestTrim( str ){
 var start = -1,
  end = str.length;
 while( str.charCodeAt(--end) < 33 );
 while( str.charCodeAt(++start) < 33 );
 return str.slice( start, end + 1 );
};

不过，我的解决方案是这样的（因为 Firefox 3.5 及更高版本中的 String 对象已经有一个trim方法）：

String.prototype.trim = String.prototype.trim || function () {
    var start = -1,
        end   = this.length;

    while( this.charCodeAt(--end) < 33 );
    while( this.charCodeAt(++start) < 33 );

    return this.slice( start, end + 1 );
};

Answer 10

我考虑了一个修剪功能的速度。该函数明显击败了所有 24 个竞争对手（其中许多使用正则表达式）以及 Chrome 和 Chromium(!) 的原生 string.trim()，并且执行速度与 Safari 的 trim() 一样快。测试结果在这里：http: //jsperf.com/mega-trim-test/7

function trim27(str) {
  var c;
  for (var i = 0; i < str.length; i++) {
    c = str.charCodeAt(i);
    if (c == 32 || c == 10 || c == 13 || c == 9 || c == 12)
    continue; else break;
  }
  for (var j = str.length - 1; j >= i; j--) {
    c = str.charCodeAt(j);
    if (c == 32 || c == 10 || c == 13 || c == 9 || c == 12)
    continue; else break;
  }
  return str.substring(i, j + 1);
}

该函数修剪字符“\n\r\t\f”，但添加更多空白字符很容易，例如。那些正则表达式用作空格（\s）的那些，只有轻微的性能损失（请参阅http://jsperf.com/mega-trim-test/8）。

编辑：之前的 trim27() 只修剪最常见的字符（“\n\r\t\f”），但为了修剪所有可能的空格，我在下面添加了一个新函数 mytrim()：

if (!String.prototype.trim || "\x09\x0A\x0B\x0C\x0D\x20\xA0\u1680\u180E\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF".trim() || navigator.userAgent.toString().toLowerCase().indexOf("chrome") != -1)
    var mytrim = function(str) {
        var c;
        for (var i = 0; i < str.length; i++) {
            c = str.charCodeAt(i);
            if (c == 32 || c == 10 || c == 13 || c == 9 || c == 12 || c == 11 || c == 160 || c == 5760 || c == 6158 || c == 8192 || c == 8193 || c == 8194 || c == 8195 || c == 8196 || c == 8197 || c == 8198 || c == 8199 || c == 8200 || c == 8201 || c == 8202 || c == 8232 || c == 8233 || c == 8239 || c == 8287 || c == 12288 || c == 65279)
            continue; else break;
        }
        for (var j = str.length - 1; j >= i; j--) {
            c = str.charCodeAt(j);
            if (c == 32 || c == 10 || c == 13 || c == 9 || c == 12 || c == 11 || c == 160 || c == 5760 || c == 6158 || c == 8192 || c == 8193 || c == 8194 || c == 8195 || c == 8196 || c == 8197 || c == 8198 || c == 8199 || c == 8200 || c == 8201 || c == 8202 || c == 8232 || c == 8233 || c == 8239 || c == 8287 || c == 12288 || c == 65279)
            continue; else break;
        }
        return str.substring(i, j + 1);
    };
    else var mytrim = function(str) {
        return str.trim();
    }

以这种方式使用它：

var foo = mytrim(" \n \t Trimmed \f \n "); // foo is now "Trimmed"

上面的 mytrim() 执行以下操作：

• 修剪 26 个不同的空格（http://perfectionkills.com/whitespace-deviations/中提到的所有 25 个空格，另外还有 uFEFF，即零宽度无间隔空格。
• 使修剪结果在浏览器中保持一致。
• 如果可用，则使用本机 trim() 并且能够修剪所有 27 个不同的空格。例外是 Chrome 和 Chromium，它们的原生 trim() 都很慢，以至于我们使用自定义的 trim() 而不是原生的。
• 最重要的是：不漂亮也不短，但显然比http://jsperf.com/mega-trim-test/12中的 24 个竞争替代品中的任何一个都快（例外：相当老的 Firefox 3.6.25 in Windows 7 运行 mytrim() 的速度相当慢，原因不明）。

Answer 11

我将它与本机 JavaScript 一起使用

// Adding trim function to String object if its not there
if(typeof String.prototype.trim !== 'function') {
  String.prototype.trim = function() {
    return this.replace(/^\s+|\s+$/g, '');
  }
}

像这样使用

var myString = "                  some text                  ";

alert(myString.trim());

例子

// Adding trim function to String object if its not there
if(typeof String.prototype.trim !== 'function') {
  String.prototype.trim = function() {
    return this.replace(/^\s+|\s+$/g, '');
  }
}

var str = "      some text              ";
console.log(str.trim());

Answer 12

这么多 JavaScript 问题的答案：jQuery

$j.trim(string)

注意：以上假设您的 jQuery 已设置为：

<script type="text/javascript">$j = jQuery.noConflict();</script>

这比“$”要明智得多，而且比每次都输入“jQuery”要简单得多。

Answer 13

Microsoft .NET 还具有String.trim函数作为 JavaScript 基本类型扩展的一部分。如果您正在编写 ASP.NET 应用程序，则可以使用它。

Answer 14

我用这个。

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

Answer 15

实际上，对于 jQuery，这似乎是这样的：

jQuery.trim(string)

（参考）

Answer 16

我用这个：

使用函数。

 function trim($) { 
                return (typeof $ == "function" ? $() : $).replace(/[\s]*/g,"")
        }

        code example: 

        trim((function(){ return "a  b"})) // ab

        trim(" a  b") //ab

Answer 17

您可以使用以下...

function trim(str) {
    try {
        if (str && typeof(str) == 'string') {
            return str.replace(/^\s*|\s*$/g, "");
        } else {
            return '';
        }
    } catch (e) {
        return str;
    }
}

Answer 18

这可能不是最快的，并且可能违反“.trim()”可能真正应该的，但我不喜欢正则表达式（主要是因为要花很多时间才能弄清楚它们的真正含义/所做的）而且我喜欢无论我是否有 jQuery，拥有我知道的东西都会起作用（更不用说正确的版本了，因为我用 jQuery 1.4.2 尝试了 $.trim(myVar) 并且它不起作用），并且将摆脱所有额外的空间，不仅仅是在最后，重建它应该是：

function Trim(obj) {
    var coll = "";
    var arrObj = obj.split(' ');

    for (var i=0;i<arrObj.length;i++) {
        if (arrObj[i] == "") {
            arrObj.splice(i,1);  // removes array indices containing spaces
        }
    }
    //alert(arrObj.length);  // should be equal to the number of words
    // Rebuilds with spaces in-between words, but without spaces at the end
    for (var i=0;i<arrObj.length;i++) {
        if (arrObj[i] != "" && i != arrObj.length-1)
            coll += arrObj[i] + " ";
        if (arrObj[i] != "" && i == arrObj.length-1)
            coll += arrObj[i];
    }

    return coll;
}

Answer 19

这是一个老问题，但这些都不适合我。我只需要修剪前导和尾随空格，这就是我所做的。我的 div 标签有一个 id = start-date。

$("#start-date").text().trim()