当排序很重要时,使用for..in迭代javascript对象属性和数组。

这已经是个年纪了 question 我知道不使用的常见原因。 for..in or perhaps even objects when any sort of ordering is needed, but I recently came across this article from MDC 在“删除”操作符上。

跨浏览器问题

尽管ecmascript使对象实现的迭代顺序依赖,但似乎所有主要浏览器都支持基于最早添加的属性(至少对于原型上没有的属性)的迭代顺序。However, in the case of Internet Explorer, when one uses delete on a property, some confusing behavior results, preventing other browsers from using simple objects like object literals as ordered associative arrays. 在资源管理器中,虽然确实将属性值设置为未定义,但如果稍后再添加一个同名的属性,则该属性将在其旧位置进行迭代,而不是在迭代序列的末尾,正如在删除该属性并将其添加回后所预期的那样。

因此,如果要在跨浏览器环境中模拟有序的关联数组,则必须使用两个单独的数组(一个用于键,另一个用于值),或者构建单个属性对象的数组等。

大多数主要浏览器(Chrome、Safari、Firefox和Opera)似乎都按插入顺序枚举对象属性。这是一个快速 test 在…中 假设我们 不要删除任何东西 from the object?

也, 在…中 是 never 推荐用于重复数组的原因完全相同,事实上 Array.prototype is more commonly tampered with than Object.prototype . 但是,如果属性实际上是按插入顺序枚举的,那么我想 在…中 也可以用于循环数组,下面列出了以下属性 原型 will be enumerated as well.

There are two solutions to this:

Check if property belongs to the object using hasOwnProperty

for(var index in object) {
    if(object.hasOwnProperty(index)) {
        ..
    }
}

Use the new ES5 syntax for defining properties on objects and make them non-enumerable. This assumes that you have full control over the extension to base prototypes, and no 3rd party code adds anything on the prototype directly.

Object.defineProperty(Array.prototype, "size", {
    enumerable: false,
    configurable: false,
    get: function() { return this.length; },
    set: undefined
});

If all the above conditions are met, and unless I am missing something crucial, 在…中 can be safely used for array iteration as well:

var values = [1, 2, 3];

for(var i in values) {
    values[i];
}

所以我想这又回到了最初的问题。不管规范怎么说,对于任何版本,IE是否支持按插入顺序进行对象迭代?还有其他浏览器不支持这个功能吗?