Question

我想循环遍历一个对象数组，我无法找到每个对象的键。我做错了什么？

Javascript / jQuery代码：

var position = [];

$('.box').each(function(){

var id = $(this).attr('id');

var offset = $(this).offset();

var offsetX = offset.left;

var offsetY = offset.top;

position.push('{"id":'+id+',"offX":'+offsetX+',"offY":'+offsetY+'}');

});

for (var i = 0; i < position.length; i++) {
  console.log(position[i].id); // i get the error of undefined
}

Html标记：

<div id="parent">

    <div class="box" id="1">1</div>
    <div class="box" id="2">2</div>
    <div class="box" id="3">3</div>
    <div class="box" id="4">4</div>
    <div class="box" id="5">5</div>
    <div class="box" id="6">6</div>
    <div class="box" id="7">7</div>
    <div class="box" id="8">8</div>
    <div class="box" id="9">9</div>
    <div class="box" id="10">10</div>

</div>

这里是jsfiddle

Answer 1

position.push('{"id":'+id+',"offX":'+offsetX+',"offY":'+offsetY+'}');

嗯，这不是一个对象，而是一个JSON字符串（如果你很幸运，它是有效的）。使用适当的对象文字：

position.push({"id":id, "offX":offsetX, "offY":offsetY});

然后您就可以访问其.id属性。

Answer 2

您正在向数组添加字符串。你想要添加一个对象。

position.push({id: id,offX: offsetX,offY: offsetY});

Answer 3

我看过你的代码，问题似乎在于你的陈述：

$('.box').each(function(){});

即使语法正确，也可能存在导致此问题发生的其他问题。以下是一些可能有问题的建议：

您正在引用缺少的JQuery文件或者您根本没有引用文件。

确保您在此网站上找到了用于家庭测试/ ServerTesting的JQuery文件：Click Here

确保您在脚本中引用了JQuery文件：

script src="jquery-1.11.2.min.js"

如果您没有运行html 5，请务必添加：

script type="javascript/text"

无法在javascript中循环遍历对象数组

3 个答案: