遍历json并存储到数组中

原来的错误的写法(导致最后的arr数组一直是重复的同样的值,也就是只有最后一条数据)

//处理表格数据,传进来的是json和datagrid中field的值(注意field的值要和json中的数据对上)
function addData(obj,Arr){

//创建arr数组,用来存储pro,以形成[{},{}]这种格式的数据用来满足datagrid的数据格式需求
//创建pro对象,用来存储传参进来的作为属性的field值和作为其属性值的obj的属性值(就是val数组)
//创建val数组,用来存储obj的属性值
var arr = [],pro = {},val = [];

$.each(obj, function(i,n) {

    //循环json,取出属性值
    for (var key in n) {

        //将json的属性值追加到val数组中
        val.push(n[key]);

    }

    //循环传进来的作为属性的field数组
    $.each(Arr, function(index,value) {

        //通过[]的方式为pro添加属性,value是可变的,根据传进来的参数决定
        //val[index]依次为pro的属性添加对应的值
        pro[value] = val[index];


    });

    //可以看到,这里pro就已经成为了我们想要的数据格式
    //console.log(pro);

    arr.push(pro);

});

$("#dg").datagrid({

    data: arr,
    selectOnCheck:false

})

}
改进后的方法,其实只改了几句话,最重要的是pro定义的位置发生了变化
function addData(obj,Arr){

//创建arr数组,用来存储pro,以形成[{},{}]这种格式的数据用来满足datagrid的数据格式需求
//创建val数组,用来存储obj的值(为了让obj数组中的字符串再次变成数组的形式)
var arr = [],val = [];

for(var i = 0 ; i < obj.length; i++){

    //这个pro对象,原来我写在了循环的外面,就是和arr,val写在一起了,然后arr数组就是一直都是3条同样的数据,就是最后一条
    //现在我把这个pro挪进来了,arr就好了,具体我还要再想一想
    //创建pro对象,用来存储传参进来的作为属性的field值和作为其属性值val值
    var pro = {};

    // 这个用来将obj数组元素(其实是以逗号隔开的字符串)再次变成数组
    var x = obj[i].split(',');

    // 这个用来改变创建pro对象的时候pro的属性值
    var times = Arr.length * i;

    //把obj的所有值放在了一个数组里面,形成了["wly","2014083319","123456","true","false","wz","2012250626","456789","false","true"]形式
    //其实这是两条数据,只不过看不出来,要通过用这个数组的长度除以传进来的Arr数组的长度,才可以得到数据的数量
    for (var j = 0 ; j < x.length ; j++){

        val.push(x[j]);

    }

    //通过循环Arr数组,创建pro对象,并通过index+times动态改变(也就是循环val数组)pro的属性值
    for (var j = 0 ; j < Arr.length ; j++){

        var y = Arr[j];

        pro[y] = val[j+times];

    }


    //形成[{},{}]形式的数据,大功告成
    arr.push(pro);

}

$("#dg").datagrid({

    data: arr,
    selectOnCheck:false

})

}
这样取到的json数据就是正常的没有覆盖的了,具体的原因是(这是网上找来的,我还没太看明白)

参考一:http://www.codes51.com/itwd/4319590.html
(JavaScript)json数组用for循环进行赋值并push,导致json所有的数据都变成一样的了,这是怎么回事
因为Object对象是地址引用传递的,c对象在循环外声明时,每次a.push(c)添加的c都是同一个对象。
就是说a[0],a[1],a[2]中存放的都是同一个对象的引用地址,在修改这个对象的属性后,所有存放这个对象引用的地方都会受到影响。

参考二:https://www.cnblogs.com/futai/p/5996821.html

参考三:https://zhidao.baidu.com/question/1365316299323095219.html
这里写图片描述

猜你喜欢

转载自blog.csdn.net/wly_syp/article/details/78930533