前端学习之——js解析json数组

一、对于标准的json数组如:

var result =[{"flag":"1","macId":"2","mbId":"0","userName":"XX"},{"flag":"2","macId":"2","mdId":"1","userName":"LL"}]

进行遍历的时候，可以直接通过for循环遍历这个数组，有两种方法:

// 1.
for(var i = 0; i<resurlt.length; i++){
     //result[i]表示获得第i个json对象即JSONObject
     //result[i]通过.字段名称即可获得指定字段的值
       result.[i].userName;
}

//  2. 
for(var i in result){
        //表示遍历数组，而i表示的是数组的下标值，
        //result[i]表示获得第i个json对象即JSONObject
        //result[i]通过.字段名称即可获得指定字段的值
        result[i].userName;
    }

二、对于不标准的json数组如:

var result={"datas":[{"flag":1,"macId":"2","mbId":0,"userName":"XXX"},{"flag":1,"macId":"1","mbId":1,"userName":"YYY"}]};

进行遍历之前得先解析出标准的json数组格式即[{},{}]

var data= result.datas;

 //  1. 
for (var i = 0; i < data.length; i++) {
        //data[i]表示获得第i个json对象即JSONObject
        //data[i]通过.字段名称即可获得指定字段的值
        data[i].userName;
    }

//  2. 
 for(var i in data){
        //表示遍历数组，而i表示的是数组的下标值，
        //data[i]表示获得第i个json对象即JSONObject
        //data[i]通过.字段名称即可获得指定字段的值
        data[i].userName;
    }

 

注意：在前端解析后端传过来的字符串有两种方法：

　　1.  eval()

       2.JSON.parse(),   jquery的底层 $.parseJSON()用的还是JSON.parse();

前端拼接json字符串：

<script>
    var params = [];
    for(var i = 0; i < 3 ; i++){
        var param =[];
        param.push("one");
        param.push("two");
        param.push("three");
        params.push("group":i,"param":param);
    }

    var json = JSON.stringify(params);
    alter(json);

    var jsonElem = document.getElementById("json");    
    jsonElem.innerHTML = json;

</script>

<!--  
    组成的json串：  
    [{"group":0,"param":["one","two","three"]},{"group":1,"param":["one","two","three"]},{"group":2,"param":["one","two","three"]}]  
--> 

源自大牛：https://www.cnblogs.com/lucky01/p/9235555.html