使用原型时停止 JavaScript 中的枚举

Question

我目前正在尝试在 JavaScript 中使用原型。

为了对此进行实验，我编写了一个函数，该函数可以有效地工作，允许您将 where 子句放到数组上：

Array.prototype.where=(function(){
  var tmpArr=[],
      success;

  for (var x in this){
    var success=true;
    for (var i in arguments){
      if (this[x][arguments[i][0]]!=arguments[i][1]){
        success=false;
        break;
      }
    }

    if (success==true){
      tmpArr.push(this[x]);
    }
  }
  return tmpArr;
});

一个示例用法是：

arrayName.where([0, 'Fred'], [1, 'Bloggs']);

为了进行测试，这工作得很好。唯一的问题是，如果您随后运行，

for (var x in someArrayHere){
  console.log(someArrayHere[x]);
}

您将获得数组的输出，但带有代表您原型化的函数的记录。

据我所知，这是通过将函数设置为不可枚举来排序的，但我找不到任何解释如何停止它的文章。

我该怎么办呢？或者我每次都必须执行以下操作？

for (var x in someArray){
  if (typeof tSch[x]!="object"){
  }
}

Answer 1

for...in 构造枚举对象的所有属性（以及沿原型链继承的属性）。当您将它与数组一起使用时，它将迭代 Array.prototype 的所有属性以及数组的元素。

使用普通的 for 循环来防止这种情况：

for(var x = 0; x < this.length; x++) {
    //Do stuff
}

Answer 2

一般来说，使用 for ... in 循环来迭代数组是不好的做法。

但是，一个简单的修复方法是使用 Object.hasOwnProperty：

for (var x in someArray) {
  if (someArray.hasOwnProperty(x)) {
    //...
  }
}

这是一种比循环更强大的方法。

Answer 3

一般来说，您不应该弄乱本机对象的原型。这会导致问题 - 特别是与外部代码/库结合使用时。

相反，您应该将其设为对数组参数进行操作的函数（例如function arrayWhere(arr)）。

如果您想坚持扩展本机原型，则应该使用 迭代数组forEach 方法（较新的浏览器，可能会添加后备，如 MDN 中所述），或对象的 hasOwnProperty 方法，如 在此示例中。