检测本机原型与扩展原型

Question

在一些第三方库中，扩展了数组原型：

Array.prototype.repeat = function(value, length) {
    while (length) this[--length] = value;
    return this;
};

代码：

var model = {
  features:[1,2,3]
};


for (var p in model.features) {
  console.log(p);
}

预期：

1
2
3

结果：

1
2
3
repeat

我的代码如何正确地确定超出正常原型的属性并跳过它们？

Answer 1

有许多方法可以在JavaScript中迭代数组。在选择一个时，您可能需要考虑以下几个方面

• 浏览器支持(请注意，如果您使用像Babel这样的转发器，那么您可以自由选择任何)
• 效率(尽管许多现代浏览器对Array.prototype上的方法进行了优化，但它们仍然比循环的标准要慢)。
• 可读性(应该清楚代码的部分负责什么，某些模式比其他模式更适合于某些情况)
• immutability (已经观察到状态中的隐式更改应该避免，因此使用迭代器来保证迭代数组的不可变性是一个好习惯)。

从我自己的观察来看，我可以看出，Array.prototype.map()是开发人员使用转运机和函数式编程范例的更好选择。

为了回圈

for..in

虽然不建议使用for..in来迭代数组，但您可以使用Object.prototype.hasOwnProperty()进行迭代，如下所示。

for (const p in model.features) {
  if (model.features.hasOwnProperty(p)) {
    console.log(model.features[p]);
  }
}

结果在

1
2
3

for..of

但是，您可以使用for...of代替，这将是在处理数组时推荐的。

for (const feature of model.features) {
  console.log(feature);
}

for

这是您最好的选择，如果您不使用转换程序，并希望确保您的代码工作在任何浏览器。

for(var i = 0; i < model.features.length; i++) {
  console.log(model.features[i]);
}

Array.prototype

在Array.prototype上也有内置的方法值得注意。

Array.prototype.forEach()

arr.forEach((value, index, array) => {

});

Array.prototype.map()

arr.map((value, index, array) => {

});

Answer 2

给定所讨论的代码，可以使用for或for..of循环来迭代数组

Answer 3

您需要检查.hasOwnProperty -> https://jsfiddle.net/xbdd6q13/2/这里的工作代码

或者你也可以用for..of代替for..in

for (var p of model.features) {
                console.log(p);    
}