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

Unable to loop through array of objects in javascript

本文关键字：遍历 对象 数组 循环 javascript      更新时间：2023-09-26

我想遍历一个对象数组，但找不到每个对象的键。我做错了什么？

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

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

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

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

然后您将能够访问其CCD_ 1属性。

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

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

我看过你的代码，问题似乎出在你的语句上：

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

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

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

请确保您在本网站上找到了用于家庭测试/ServerTesting的JQuery文件：点击此处

  • 请确保您在脚本中引用了JQuery文件：
script src="jquery-1.11.2.min.js"
  • 如果您没有运行html 5，请确保添加：
script type="javascript/text"
相关文章：