Javascript 数组覆盖问题

有这么一段代码:

        var datas=[];
        var data={};
        var i=0;
        $(".baby-panel").each(function(){
            var baby_id=$(this).children(".babyid").attr("baby_id");
            var baby_name=$(this).children(".babyname").find("input[name='baby"+i+"_name']").val().trim();

            var baby_sex=$(this).children(".babysex").find("input[type=radio]:checked").val();
            var baby_birth=$(this).children(".babybirth").find(".form-control").val();

            data["id"]=baby_id;
            data["name"]=baby_name;
            data["sex"]=baby_sex;
            data["birth"]=baby_birth;

            datas[i]=data;
            i++;
        });

**问**:如何循环将data的数据添加到datas中,现在datas的数据都是data的最后一条记录。
例如:data={["id":1,"name":1,"sex":1,"birth":2014-05-05],["id":2,"name":2,"sex":2,"birth":2014-06-05]}

经过each()遍历后,datas的输出**却是**[{"id":"2","name":"2","sex":"2","birth":"2014-06-05"},{"id":"2","name":"2","sex":"2","birth":"2014-06-05"}],

而不是:[{"id":"1","name":"1","sex":"1","birth":"2014-05-05"},{"id":"2","name":"2","sex":"2","birth":"2014-06-05"}]

2个回答

解决方法:

            var datas=[];
    //var data={};//把data放到循环里面,否则会覆盖
    var i=0;
    $(".baby-panel").each(function(){
                    **  var data={};//每次新建一个data**
        var baby_id=$(this).children(".babyid").attr("baby_id");
        var baby_name=$(this).children(".babyname").find("input[name='baby"+i+"_name']").val().trim();

        var baby_sex=$(this).children(".babysex").find("input[type=radio]:checked").val();
        var baby_birth=$(this).children(".babybirth").find(".form-control").val();

        data["id"]=baby_id;
        data["name"]=baby_name;
        data["sex"]=baby_sex;
        data["birth"]=baby_birth;

      **  datas.push(data);**
        i++;
    });

用数组的push方法加进来

ImagineCode
ImagineCode push也是一样的结果
3 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!