我有一个字符串数组。我想修剪数组中的每个字符串。
[].map()
与 ''.trim()
一起使用会起作用...
[' a', ' b ', 'c'].map(String.prototype.trim);
...但我的控制台说...
TypeError:String.prototype.trim 调用为 null 或未定义
我在数组中看不到任何
null
或 undefined
值。
String.prototype.trim()
和 Array.prototype.map()
是在 Chrome 17 中定义的,我正在用它来测试。
为什么这不起作用?我感觉我忽略了一些明显的事情。
我意识到我可以在其中循环或删除一个函数。但这不是这个问题的重点。
@Slace 所说的是正确的解释。 @ThomasEding 的答案也有效,但有一个可怕的低效率,它可能在循环内创建函数,这不是一件好事。
另一种做法是(参考此处):
[' a', ' b ', 'c'].map(Function.prototype.call, String.prototype.trim);
// gives ["a", "b", "c"]
标准浏览器免责声明:这将在
Function.prototype.call
和 String.prototype.trim
可以工作的地方工作,对于较旧的浏览器,您可以轻松地用 polyfill替换
trim
,如下所示:
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
SO是一场狗屎秀。感谢您的搭车。
trim
位于 String
原型上,这意味着它期望 this
上下文是字符串的上下文,而 map
上的 Array
方法提供当前数组项作为第一个参数,并且 this
上下文是全局对象。
使用 ES6 语法,就可以像这样简单:
[' hello ', ' world'].map(str => str.trim());