前端设计

jquery遍历json的几种方法

2019-09-11

1、for循环:

<script>

var obj = { 

        "status":1, 

        "bkmsg":"\u6210\u529f", 

        "bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u6dfb\u52a0\u8bb0\u5f55"] 

    } 

   // console.log(obj.length); 

    if (obj.status == 1) { 

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

            console.log(obj.bkdata[i]); 

        }; 

    }else{ 

        alert("数据有误~"); 

    };

</script>




2、for in 循环:


<script>

var obj = { 

        "status":1, 

        "bkmsg":"\u6210\u529f", 

        "bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u6dfb\u52a0\u8bb0\u5f55"] 

    } 

 //for in循环 

    for(x in obj.bkdata){ 

        //x表示是下标,来指定变量,指定的变量可以是数组元素,也可以是对象的属性。 

        console.log(obj.bkdata[x]); 

    }  

</script>



3、元素 each方法


<script>

var obj = { 

        "status":1, 

        "bkmsg":"\u6210\u529f", 

        "bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u6dfb\u52a0\u8bb0\u5f55"] 

    } 


if (obj.status == 1) { 

        $(obj.bkdata).each(function(index,item){ 

            //index指下标 

            //item指代对应元素内容 

            //this指代每一个元素对象 

            //console.log(obj.bkdata[index]); 

            console.log(item); 

            //console.log($(this)); 

        }); 

    }else{ 

        alert("数据有误~"); 

    }; 

</script>



4、jquery each方法


<script>

var obj = { 

        "status":1, 

        "bkmsg":"\u6210\u529f", 

        "bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u6dfb\u52a0\u8bb0\u5f55"] 

    } 


$.each( obj.bkdata, function(index,item){ 

        console.log(item); 

    });

</script>