js加载本地json文件,在函数里面改变数组值,数组外能全部打印元素,但不能单个打印的原因与解决办法!

问题描述:

      近期的可视化作品,老师要求读取利用爬虫爬取而来的大众点评餐饮数据json文件,当我使用d3.json读取文件,在本函数的第二个参数是个匿名函数function(){};当在此匿名函数里面将读出的数据加入数组,发现在该匿名函数里面可逐个打印元素,出了函数就不能逐个打印,不能按照下标索引打印某一个,但console,log(myarray);就能显示全部。

原因:

    经过检查发现,代码执行读取文件数据时候相当于是并发的,也就是说,文件都还没读完,你函数外面下面的console语句就已经执行了!

原码:

var names=new Array();

function INIT_data() {
    d3.json("json/item.json", function(error, json) {
        if(error)
            alert("获取餐饮数据失败!");
        for(var i = 0; i < json.RECORDS.length; i++) {
            names.push(json.RECORDS[i].name);
            strs = json.RECORDS[i].item_info.split(" | "); //字符分割
            sorts.push(strs[0]);
            addrs.push(strs[1]);
        }
    });
}

INIT_data();

console.log(Array[0]);

报错:undefined!

解决方案:

var names=new Array();

function INIT_data() {
    d3.json("json/item.json", function(error, json) {
        if(error)
            alert("获取餐饮数据失败!");
        for(var i = 0; i < json.RECORDS.length; i++) {
            names.push(json.RECORDS[i].name);
            strs = json.RECORDS[i].item_info.split(" | "); //字符分割
            sorts.push(strs[0]);
            addrs.push(strs[1]);
        }
        print(names);
    });
    
}

function print(arr){
    for(var i=0;i<arr.length;i++){
        console.log(arr[i]);
    }
}

INIT_data();

蓝色字体部分则为解决方案!

ok,that all,more about please QQ:1559674040 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值