为什么不推荐使用for..in迭代数组元素
for-in语句的目的是枚举对象属性。该语句将在原型链中上升,还会枚举继承的属性,这有时是不希望的。
此外,规范不保证迭代的顺序,这意味着如果您想“迭代”一个数组对象,使用此语句您不能确定将按数字顺序访问属性(数组索引)。
例如,在 JScript (IE <= 8) 中,即使在 Array 对象上的枚举顺序也被定义为创建的属性:
var array = [];
array[2] = 'c';
array[1] = 'b';
array[0] = 'a';
for (var p in array) {
//... p will be "2", "1" and "0" on IE
}
此外,谈到继承的属性,例如,如果您扩展Array.prototype对象(如 MooTools 那样的某些库),则该属性也将被枚举:
Array.prototype.last = function () { return this[this.length-1]; };
for (var p in []) { // an empty array
// last will be enumerated
}
正如我之前所说的迭代数组或类似数组的对象,最好的方法是使用顺序循环,例如普通的for/while循环。
当您只想枚举对象的自身属性(未继承的属性)时,可以使用以下hasOwnProperty方法:
for (var prop in obj) {
if (obj.hasOwnProperty(prop)) {
// prop is not inherited
}
}
有些人甚至建议直接从 from 调用该方法,Object.prototype以避免在有人hasOwnProperty向我们的对象添加命名属性时出现问题:
for (var prop in obj) {
if (Object.prototype.hasOwnProperty.call(obj, prop)) {
// prop is not inherited
}
}总结
不应该使用for..in迭代数组元素的三个原因:
for..in将遍历数组对象的所有自己和继承的属性,这些属性不是DontEnum;这意味着如果有人向特定的数组对象添加属性(有正当理由 - 我自己已经这样做了)或更改Array.prototype(这在应该与其他脚本一起工作的代码中被认为是不好的做法),这些属性将也被迭代;可以通过检查排除继承的属性hasOwnProperty(),但这对您在数组对象本身中设置的属性没有帮助
for..in 不能保证保留元素顺序
它很慢,因为您必须遍历数组对象及其整个原型链的所有属性,并且仍然只能获取属性的名称,即要获取值,需要进行额外的查找
本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!