为什么我的脚本在到达循环之前就卡住了？

Question

<div id="content-1"></div>
<div id="content-2"></div>
<div id="content-3"></div>

<script type="text/javascript">
    // Write HTML with JS
    document.getElementById("content-1").innerHTML = '<h1>Title</h1>...and more';
    document.getElementById("content-2").innerHTML = 'hello';

    let value = '';
    for(let i = 0; i < aR.length; i++){
        value += aR[i]['name'] + ": " + aR[i]['price'] + "<br/>";
    }
    document.getElementById("content-3").innerHTML = 'hi!';
</script>

由于某些原因，我的代码似乎永远不会到达第三个document.getElementById语句。第三个语句的值应该是value，而不是字符串hi；我认为最初的问题出在value上，所以我将content-3设置为字符串"hi"，但现在我意识到我的脚本甚至在此之前都不会运行。

有没有人知道发生了什么以及如何修复它？

Answer 1

正如穆罕默德·阿西夫所说，它的aR声明？例如，只需添加这些内容即可工作

 var aR = {
        0: { name: "XX", price: "55" },
        1: { name: "YY", price: "55" }
    };

所有代码，例如

<div id="content-1"></div>
<div id="content-2"></div>
<div id="content-3"></div>

<script type="text/javascript">

    var aR = {
        0: { name: "XX", price: "55" },
        1: { name: "YY", price: "55" }
    };

    // Write HTML with JS
    document.getElementById("content-1").innerHTML = '<h1>Title</h1>...and more';
    document.getElementById("content-2").innerHTML = 'hello';

    let value = '';
    for (let i = 0; i < aR.length; i++) {
        value += aR[i]['name'] + ":" + aR[i]['price'] + "<br/>";
        
    }
    document.getElementById("content-3").innerHTML = 'hi!';
</script>

通过声明aR对象将运行所有代码

Answer 2

首先，只运行这一行并检查您的脚本是否正在运行。

document.getElementById("content-1").innerHTML = '<h1>Title</h1>...and more';

检查一下，这行是显示的吗？

第二，这是什么aR？你之前申报过吗？

     aR.length;