Javascript-将修整函数应用于数组中的每个字符串

要修剪数组中的每个字符串，例如，给定

x = [' aa ', ' bb '];

输出

['aa', 'bb']

我的第一次审判是

x.map(String.prototype.trim.apply)

在Chrome中，它得到了“ TypeError：Function.prototype.apply在undefined上调用，这是未定义的而不是函数”。

然后我尝试

x.map(function(s) { return String.prototype.trim.apply(s); });

有用。有什么不同？

String.prototype.trim.apply是不受约束的Function.prototype.apply方法trim。map将使用字符串，索引和数组作为参数来调用它，而Arg则什么都不会调用（undefined）-但是，期望在函数上调用它：thisapply

var apply = String.prototype.trim.apply;
apply.call(undefined, x[0], 0, x) // TypeError

您可以做的是将该trim函数作为上下文传递call：

[' aa ', ' bb '].map(Function.prototype.call, String.prototype.trim)
// ['aa', 'bb']

这里发生的是

var call = Function.prototype.call,
    trim = String.prototype.trim;
call.call(trim, x[0], 0, x) ≡
      trim.call(x[0], 0, x) ≡
            x[0].trim(0, x); // the arguments don't matter to trim

或者可以通过箭头功能解决：

x.map(s => s.trim());

如果您使用的是JQuery，则更好的方法是这样做，因为它也可以与IE8一起使用（我需要支持IE8）是这样的：

$.map([' aa ', ' bb ', '   cc '], $.trim);

没有依赖项的简单变体：

 for (var i = 0; i < array.length; i++) {
     array[i] = array[i].trim()
 }

ES6变体：

const newArray = oldArray.map(string => string.trim())

ES6功能变体：

const trimmedArray = array => array.map(string => string.trim())

首先，简单地做一下：

x.map(function(s) { return s.trim() });

然后，第一个不起作用的原因是将字符串作为参数传递给回调，而不是作为上下文传递。当您不传递任何参数给时apply，您会收到与您相同的信息

var f = String.prototype.trim.apply; f.call();

现在，主要是出于娱乐目的，让我们假设您不满意以map这种方式使用回调的事实，并且希望能够使用上下文而不是参数来传递函数。

然后，您可以这样做：

Object.defineProperty(Array.prototype, "maprec", {
  value: function(cb){
      return this.map(function(v){ return cb.call(v) })
  }
});
console.log([' aa ', ' bb '].maprec(String.prototype.trim)); // logs ["aa", "bb"]

我说“主要是为了好玩”，因为修改不属于您的对象（此处为Array的原型）被普遍认为是一种不好的做法。但是您也可以使用数组和回调作为参数来创建一个实用函数。

我只是比较了一些修整字符串数组以获得最短和最快方法的方法。谁感兴趣，这是对jsperf的性能测试：http ://jsperf.com/trim-array-of-strings

var chunks = "  .root  ,  .parent  >  .child  ".split(',')
var trimmed1 = chunks.map(Function.prototype.call, String.prototype.trim);
var trimmed2 = chunks.map(function (str) { return str.trim(); });
var trimmed3 = chunks.map(str => str.trim());
var trimmed4 = $.map(chunks, $.trim);

注意：jQuery只是在这里比较要键入的字符数;）

保持简单和愚蠢：

码

[' aa ', ' b b ', '   c c '].map(i=>i.trim());

输出量

["aa", "b b", "c c"]

我想补充一下Bergi的完美答案，对于那些不需要this争论的方法，您可以完成以下工作：

var x = [' aa ', ' bb '],
    y = x.map(Function.prototype.call.bind(String.prototype.trim))

var x = [" aa ", " bb "];
console.log(x); // => [" aa ", " bb "]

// remove whitespaces from both sides of each value in the array
x.forEach(function(value, index){
  x[index] = value.trim();
});

console.log(x); // => ["aa", "bb"]

所有主要的浏览器都支持forEach()，但请注意IE仅从版本9开始才支持。

另一个ES6替代

const row_arr = ['a ', ' b' , ' c ', 'd'];
const trimed_arr = row_arr.map(str => str.trim());
console.log(trimed_arr); // <== ['a', 'b', 'c', 'd']

    ### Code
    <!-- language: lang-js -->

     var x=  [' aa ', ' b b ', '   c c ']
var x = x.split(",");
            x = x.map(function (el) {
                return el.trim();
                console.log(x)

    ### Output
    <!-- language: lang-none -->
        ["aa", "b b", "c c"]