我有一个字符串数组。我想修剪数组中的每个字符串。
我认为使用 [].map() 和 ''.trim() 会起作用...
[' a', ' b ', 'c'].map(String.prototype.trim);
...但是我的控制台说...
TypeError: String.prototype.trim 在 null 或 undefined 上调用
我在数组中看不到任何 null 或 undefined 值。
String.prototype.trim() 和 Array.prototype.map() 是在我用来测试的 Chrome 17 中定义的。
为什么这不起作用？我觉得我忽略了一些明显的事情。
我意识到我可以在其中循环或删除一个函数。然而，这不是这个问题的重点。
【问题讨论】：
标签： javascript
trim 在String 原型上，这意味着它期望this 上下文是一个字符串，其中Array 上的map 方法提供当前数组项作为第一个参数，并且this 上下文是全局对象。
【讨论】：
[' a', ' b ', 'c'].map(String.prototype.trim.apply); ... 为什么这在 map() 上下文之外起作用？ String.prototype.trim(' a ')（请注意，它实际上没有工作 - 返回一个空字符串 - 但它也不会抛出错误。）
apply 的this 不会绑定到String.prototype.trim - 它绑定到undefined 或null 或window。 （这就是他们发明Function.bind()的原因。）
这是因为 trim 没有被正确的 this 上下文调用。请记住，this 在 JS 中是动态绑定的。您必须创建一个包装器以传递给trim 以正确绑定this：
[' a', ' b ', 'c'].map(function (str) {
return str.trim();
});
【讨论】：
$.trim() 太频繁了。
@Slace 所说的是正确的解释。 @ThomasEding 的答案也有效，但它可能在循环中创建函数，即not a good thing to do。
另一种做法是(reference here):
[' a', ' b ', 'c'].map(Function.prototype.call, String.prototype.trim);
// gives ["a", "b", "c"]
标准浏览器免责声明：这将适用于 Function.prototype.call 和 String.prototype.trim 可以使用的任何地方，对于旧版浏览器，您可以轻松地将 trim 替换为 polyfill，如下所示：
if(!String.prototype.trim) {
String.prototype.trim = function () {
return this.replace(/^\s+|\s+$/g,'');
};
}
更新：有趣的是，虽然这在 Chrome 中运行得最快，但 @ThomasEding 的方法在 IE10 和 FF20 中运行得稍微快一些 - http://jsperf.com/native-trim-vs-regex-trim-vs-mixed
【讨论】：
map 函数接受一个函数引用，然后每次迭代调用它 一次。函数本身被创建一次，然后传递给 map 函数——就像jQuery 对map 的实现一样：james.padolsey.com/jquery/#v=1.7.2&fn=jQuery.map
使用 ES6 语法可以这么简单：
[' hello ', ' world'].map(str => str.trim());
【讨论】：