使用 javascript 和 jquery 创建数组和数据集

Question

我编写了一个代码，可以为我安排一个积分表，但是当我指定 arrayOfDivs 时，一切都很好：http://jsfiddle.net/u58k6/6

var arrayOfDivs = [({topPosition : 99, leftPosition: 100}),({topPosition : 150, leftPosition: 400}),({topPosition : 578, leftPosition: 10})];

当我尝试基于其他事物动态创建此 arrayOfDivs 时，当我添加此代码以创建 arrayOfDivs 时：

var arrayOfDivs = [];

$("#table .draggable").each(function(index, item){
   var lat = $(item).attr("lat");
   var lng = $(item).attr("lng");
   var top = $(this).position().top;
   var left = $(this).position().left;
   arrayOfDivs.push({topPosition : top, leftPosition: left, lat : lat, lng : lng});
});

var height = $('table').height();
var rowsCount = $('table tr').length;
var ROW_HEIGHT = height/rowsCount;

最终版本：http://jsfiddle.net/u58k6/10/，我只是在控制台中收到此错误：Uncaught TypeError: Cannot call method 'push' of undefined

为什么？问题是什么？

Answer 1

您的arrayOfDivs 正在成功创建。

TypeError 出现在您的问题中未显示的行上。在这里：

var rowNumber = Math.floor(position.topPosition / ROW_HEIGHT);
rows[rowNumber].push(position);

因为position.topPosition 可以是负数，这意味着rowNumber 可以是负数，这意味着您正在尝试执行rows[-1].push(position)，它本质上是undefined.push(position)。

（Add a console.log(rowNumber); statement 就在 .push() 之前，你会看到 -1。）

当您对arrayOfDivs 进行硬编码时，您不会遇到此问题，因为您指定的所有位置都不是负数。当您获取页面上实际元素的位置时，您可能会得到负数。

我没有关于如何解决此问题的具体建议，因为我（还）不确定您实际上想要实现什么。但我希望这足以让您继续自己修复它。