使用 jQuery .each 迭代关联数组

Question

可能导致这个问题的最大因素是我现在非常困。

我有一个数组，我启动它：

var cells = [];

然后我在其中放入一些值（jQuery 对象），例如：

$("td").each(function () {
  var td = $(this);
  cells[td.attr("id")] = td;
});

现在是我的问题。这段代码：

$(cells).each(function (i) {
  console.log(this) // firebug console
});

完全没有记录。当我通过替换将关联数组更改为正常的数字索引一时

cells[td.attr("id")] = td;

与

cells.push(td);

它工作正常。

此外，当我尝试使用 for..in 循环进行迭代时，它按预期工作。

for (var cell in cells) {
  console.log(cells[cell]);
}

这是否意味着 jQuery 的 .each 方法不接受关联数组或者我做错了什么？

Answer 1

JavaScript 没有关联数组。它有数组，也有对象，而数组恰好是对象。当你这样做时：

var a = [];
a['foo'] = 'bar';

..你实际上是在做同样的事情：

var a = [];
a.foo = 'bar';
// ^--- property of object 'a'

也就是说，您实际上是在向 object a 添加一个名为 foo 的 属性，不是添加一个 element 到 array a.

来自jQuery.each() 的文档：

具有length 属性的数组和类似数组的对象（例如函数的arguments 对象）按数字索引从0 迭代到length-1。其他对象通过其命名属性进行迭代。

既然你创建了一个Array ([]) jQuery 会查看它的length 属性，并且由于你没有向数组中添加任何元素（只有对象上的 属性，请记住) 它的length 仍然为零，因此 jQuery（正确地）什么也不做。

正如其他人所指出的那样，您想要做的是使用例如创建一个对象。 var cells = {};。由于非数组对象没有length 属性（无论如何默认情况下都没有），jQuery 会知道您确实想要迭代它的 properties 而不是数组中的数字索引。

Answer 2

您似乎认为 Javascript 的数组是关联的，但事实并非如此。您可能正在寻找对象（或哈希）：

var cells = {};         // Not [].
$("td").each(function() {
    var td = $(this);
    cells[td.attr("id")] = td;
});

$.each(cells, function() {
    console.log(this);  // This should work as expected.
});

Answer 3

使用$.each(cells, function(i) { ... }) 而不是$(cells).each(function...)

$.each() 函数与$(selector).each 函数不同。