javascript - 对解析的 JSON 值的计算产生 NaN

Question

我的某些代码有问题。我开始为 Chroma 构建一个插件以使用 JSON 插入数据，但向我显示 NaN。

我的文件 content.js

    var xmlhttp = new XMLHttpRequest();
var url = "http://rlinkit.neteasy.pl/abc.json";

xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var myArr= Array();
        var myArr = JSON.parse(this.responseText);
        myFunction(myArr);
    }
};

xmlhttp.open("GET", url, true);
xmlhttp.send();

function myFunction(arr) {
    for (i in arr) {
        for(j in arr[i] ){
            for(p in arr[i][j]){
                out = arr[i][j][p].currency + arr[i][j][p].code + arr[i][j][p].bid + arr[i][j][p].ask + '<br>';
            }
        }
    }
    document.getElementById("id01").innerHTML = out;
}

我的代码HTML:

<div id="id01"></div>

<script src="content.js"></script>

我的输出:

编辑(当我给出代码时 - 没有显示任何内容。):

function myFunction(arr) {
    var out = "";
    var i;
    var j;
    var p;
    for (var i = 0; i in arr.length; i++) {
        for(var j = 0; j in arr[i].length; j++ ){
            for(var p = 0; p in arr[i][j].length; p++){
                out += arr[i][j][p].currency + arr[i][j][p].code + arr[i][j][p].buy + arr[i][j][p].sell + '<br>';
            }
        }
    }
    document.getElementById("id01").innerHTML = out;
}

Answer 1

要迭代 JavaScript 数组，请使用 for ... of循环或传统for环形。更新函数中的语法(具体来说，i in arr.length)是无效的 JavaScript(看起来像 Python？)。

提供示例数据将有助于改进此答案，但请尝试以下某些版本(更新为使用 ES6 let 语法，您可能希望恢复为 var ):

function myFunction(arr) {
    let out = "";
    for (let i = 0; i < arr.length; i++) {
        for (let j = 0; j < arr[i].length; j++) {
            for (let p = 0; p < arr[i][j].length; p++) {
                out += arr[i][j][p].currency + arr[i][j][p].code + arr[i][j][p].buy + arr[i][j][p].sell + "<br>";
            }
        }
    }
    document.getElementById("id01").innerHTML = out;
}