很抱歉，格式错误的代码仍在学习我在这里做什么

Question

我目前正在尝试从服务器上托管的json文件中获取数据，然后将这些数据放入一个全局数组中，然后在稍后用它来遍历列表。

当前正在发生的事情是填充数组，即在打印到控制台时可以看到，但是当填充数组时，即使打印时填充数组，其长度也随后列为0，请注意，使用array [...]值显示为未定义

这在下面的图片中更好看

我尝试设置一个断点并逐行通过。这将以正确的顺序遍历脚本，显示了数组的实际长度，但仍然无法正常工作（潜在的其他问题，现在不存在问题）。

我已经检查并在html内以正确的顺序调用脚本，即在main.js（vue）被调用之前完成了JSON提取

这在从本地存储中拉出时也有效，唯一改变的是现在从服务器而不是从用户会话中拉出json

很抱歉，格式错误的代码仍在学习我在这里做什么

var json = [];
$.getJSON("https://skynet.ie/~alanfinnin/other/generated.json", function(data) {
    json = data;

}).done(function() { 
    console.log("Immediatly after $.getJSON pull (length) " + json.length);

    let json_length = json.length;

    for(let i = 0; i < json_length; i++) {
        to_add = json[i];   
                to_add.id = global_id_count;    
        full_list.push(to_add);
            global_id_count++;
     }
});

>--------------

for(i = 0; i < list_length; i++){`
    temp_list_for_loop = [];`
    increment_variable = i+1;`

    console.log("Inside loop for vue: (array length) " + full_list.length + " Accessing index of array: " + full_list[1]);

    for(j = 0; j < full_list_length; j++){
        if(full_list[j].which_list === String(increment_variable))
            temp_list_for_loop.push(full_list[j]);
    }
    /*
        Pushes each list of elements on one at a time
    */
    new Vue({
        el: '#list_' + increment_variable,
        data: {
            tiles: temp_list_for_loop
        }   
    })
}

我希望阵列的行为可以适当地填充其长度，以后可以解决货架出现的问题

<br>link: 
http://skynet.ie/~alanfinnin/stack_oberflow/js_drag_and_drop/
<br>json pull: http://skynet.ie/~alanfinnin/other/js_drag_and_drop/js/object_input.js
<br>vue: 
http://skynet.ie/~alanfinnin/other/js_drag_and_drop/main.js
<br>Image of console:
http://skynet.ie/~alanfinnin/stack_overflow/console_log.PNG

Answer 1

尝试查看我是否可以在这里为您提供帮助，但是我发现您正在引入不必要的复杂性，因为您在示例中使用Vue的方式。为什么不安装Vue并处理其中的$ .getJson。这将使事情更容易理解，并且可能会解决您遇到的上下文和范围方面的一些问题。类似于：

@JsonView

mount将在您的Vue应用程序安装到dom后立即运行，然后将触发在阻止的方法中定义的getJson方法，这将执行获取并将结果数据复制到本地vue范围。然后，您可以从那里继续执行/转换数据，但这确实可以简化您的控制流程。

祝你好运！

$ .getJSON执行问题：已填充JSON到数组，但未使用

很抱歉，格式错误的代码仍在学习我在这里做什么

1 个答案: