jQuery.each() 如何处理关联数组（对象）？

Question

我有一个关联数组，里面有两个对象。通过 $(myassoc).each() 运行此回调，回调仅运行一次。回调参数（索引和对象）也分别返回 0 和整个关联数组。

人们期望 jQuery.each() 为数组中的每个元素运行，返回正确的键作为索引，返回正确的元素作为对象。

为什么这种情况没有发生，jQuery 可以做我想要的事情吗？

Answer 1

我认为您正在寻找 jQuery.each() 而不是 .each()

试试这个：

    $.each(myassoc, function(index, value){
      //your code
    });

Answer 2

试试这个：

$.each(assocarray,function(i, value){
  console.log('index: ' + i + ',value: ' + value);
});

Answer 3

糟糕的是。

不要 $(associative_array).each(function () {...}) —— 那是 废话

不要 $.each(associative_array, function() {...}); -- 有一个晦涩的 bug⁽¹⁾

要查看该错误，请尝试this 在 javascript 控制台中：

> $.each({foo:1, length:-1, bar:2}, console.log)
  foo 1
  length -1
  bar 2
> $.each({foo:1, length:0, bar:2}, console.log)

第一个示例输出三行键值对，正如它应该的那样。第二个没有输出！

这个故事的寓意是，不要在对象上使用 jQuery.each()。 （JavaScript 中的对象本质上是与关联数组相同。）事情可能永远工作正常，但你运行有一天，一个对象碰巧有一个名为 length 的成员，并且它的值恰好是 0，然后你会突然出现一个很难修复的错误。解释。 （我会让你猜，通过这个答案的沉重分量，这是否发生在我身上。）

正如 错误报告：

如果您需要迭代具有 length 属性的对象的所有键，jQuery.each 不是正确的解决方案。

我建议更进一步，永远不要依赖 jQuery.each 来实现关联数组。

_{(1) 这个“bug”可能永远不会被修复，因为 $.each() 历史上使用 Duck在数组上键入：“具有长度属性的数组和类似数组的对象（例如函数的参数对象）通过数字索引进行迭代。”}

---

这是我使用的^{[感谢 Dominik]} 来循环遍历对象的属性名称和值，或者换句话说，关联数组的键和值：

function looper(object, callback) {
    for (var key in object) {
        if (object.hasOwnProperty(key)) {
            if (false === callback.call(object[key], key, object[key])) {
                break;
            }
        }
    }
    return object;
}

的直接替代品

> looper({foo:1, length:0, bar:2}, console.log)
  foo 1
  length 0
  bar 2

looper() 是 $.each() 就像 $.each() 一样：

• 在回调内部，this 是
• 回调内部的每个值，返回 false （不仅仅是 falsy ) 终止循环。
• Looper() 返回最初传递给它的对象
• 。 Looper() 适用于数组和对象。

---

使用：

var a = [];
looper({foo:1, length:0, bar:2}, function(k, v) { 
    a.push(k+"="+v); 
});
console.assert("foo=1,length=0,bar=2" === a.join());

用 $.each() 尝试一下，你会得到一个空结果。因为它将这个特定对象解释为长度为零的类似数组的对象。

Answer 4

问题在于 $.each() 函数在内部检索并使用传递集合的 length 属性。但在没有整数索引的关联数组中，长度似乎总是0。对于 $.each() 现在似乎没有什么可遍历的。

$.each() 函数内部检索并使用长度
传递的集合的属性。

解决方案很简单，就是使用一个对象来代替。

var obj = {
  "flammable": "inflammable",
  "duh": "no duh"
};
$.each( obj, function( key, value ) {
  alert( key + ": " + value );
});