json不同格式转换。

最新推荐文章于 2022-10-06 17:02:33 发布

Angela㐅cc

最新推荐文章于 2022-10-06 17:02:33 发布

阅读量156

点赞数

文章标签： json javascript ViewUI

原文链接：http://www.cnblogs.com/chenwenhua/p/7280654.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>json格式转换</title>
</head>
<body>
	<ul class="old"></ul>
	<script type="text/javascript">
		var old = {
            "goodsName": ["货品名称1", "货品名称2"],
            "goodsNumber": ["件数1", "件数2"],
            "goodsVolume": ["体积1", "体积2"],
            "goodsWeight": ["重量1", "重量2"],
            "productsNumber": ["商品数1", "商品数2"],
            "goodsValue": ["货值1", "货值2"],
            "goodsPackage": ["1", "2"],
            "goodsPrice": ["2", "3"]
        }
        //将上面的格式转成下面的格式。
        var b=[{
            "goodsName": "货品名称1",
            "goodsVolume": "件数1",
            "goodsNumber": "体积1",
            "goodsWeight": "重量1",
            "productsNumber": "商品数1",
            "goodsValue": "货值1",
            "goodsPackage": "1",
            "goodsPrice": "2"
        }, {
            "goodsName": "货品名称2",
            "goodsVolume": "件数2",
            "goodsNumber": "体积2",
            "goodsWeight": "重量2",
            "productsNumber": "商品数2",
            "goodsValue": "货值2",
            "goodsPackage": "2",
            "goodsPrice": "2"
        }];
	
        //第一种写法，需要后台传过来一共的总条数。
        var newArray=[];
        for(var i=0;i<old.goodsName.length;i++){
            var html={}; 
            for(var a in old){
                html[a]=old[a][i];
            }
            newArray.push(html);
        } 
        console.log(newArray);
        
        //第二种写法。
        var GoodData = [];
        for(var item in old){
            for (var j=0;j<old[item].length;j++){
                if(GoodData[j]){
                    GoodData[j][item] = old[item][j]
                 } 
                else{
                    GoodData[j] = {}
                    GoodData[j].item = old[item][j]
                }
            }
        }
        console.log(GoodData);
	</script>
</body>
</html>

转载于:https://www.cnblogs.com/chenwenhua/p/7280654.html