JS/Jquery遍歷JSON對象、JSON數組、JSON數組字符串、JSON對象字符串

JS遍歷JSON對象

JS遍歷JSON對象

<script>
        var obj = {
            "goodsid": "01001",

            "goodsname": "鉛筆",

            "goodsprice": "1.5"
        };
</script>

JS遍歷方法

  for (var key in obj) {
            document.write(obj[key]+"<br>");
        }

 Jquery遍歷方法

        $.each(obj, function (index, value) {
            alert(value);
        });
    </script>

 

JS遍歷JSON數組

JSON數組

var jsonArr = [

            {

                "goodsid": "01001",
                "goodsname": "鉛筆",
                "goodsprice": "1.5"

            },

            {

                "goodsid": "01002",
                "goodsname": "鋼筆",
                "goodsprice": "25"

            },

            {

                "goodsid": "01003",
                "goodsname": "毛筆",
                "goodsprice": "15"

            }

        ];

 JS遍歷方法

for (var i = 0, l = jsonArr.length; i < l; i++) {
            for (var key in jsonArr[i]) {
                document.write(key + ':' + jsonArr[i][key]+"<br>");
            }
        }

 JQ遍歷方式

$.each(jsonArr,function(index,value){
	alert(value.year);
});

 

遍歷JSON對象字符串

1JSON字符串

 var str = {
            "goodsid": "01001",

            "goodsname": "鉛筆",

            "goodsprice": "1.5"
        };

遍歷方式：先將字符串轉換為JSON對象

var obj = JSON.parse(str);

 再用遍歷JSON對象的方式遍歷它，方式與前面一樣，不再表述。

 

遍歷JSON數組字符串

JSON數組字符串

var jsonArrStr= [

            {

                "goodsid": "01001",
                "goodsname": "鉛筆",
                "goodsprice": "1.5"

            },

            {

                "goodsid": "01002",
                "goodsname": "鋼筆",
                "goodsprice": "25"

            },

            {

                "goodsid": "01003",
                "goodsname": "毛筆",
                "goodsprice": "15"

            }

        ];

 遍歷方式：先將字符串轉換為JSON數組

var jsonArr = $.parseJSON(jsonArrStr);

  再用遍歷JSON數組的方式遍歷它，方式與前面一樣，不再表述。