使用 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
});

绝对没有记录任何内容。当我将关联数组更改为普通数组时，数字索引 1 替换为 ，

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'

也就是说，您实际上正在将名为 foo 的属性添加到对象 a，不将元素添加到数组 a。

从 jQuery.each() 的文档中：

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

由于您创建了一个 Array ([])，jQuery 会查看其 length 属性，并且由于您尚未向数组添加任何元素（仅对象的属性，记住）它的长度仍然是零，所以jQuery（正确地）什么也不做。

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

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 函数。