js对象数据遍历

左手的ㄟ右手 2022-05-19 10:41 269阅读 0赞

# [JS之对象数组遍历？][JS] #

一、js实现遍历对象

<script>  
      var obj = {"player_id":"GS001","event_id":"1","destroy":"97%"};  
      var props = "";  
      for(var p in obj){  
          if(typeof(obj[p])=="function"){  
                obj[p]();   执行方法
          }else{  
                props+= p + "=" + obj[p] + " ";   输出属性
             }  
      }  
      alert(props);  
    </script>

遍历数组

<script type="text/javascript">
    //比如
    var values=["北京","天津"];
    //遍历1 
    
    for(var i=0;i<values.length;i++){  只能用于数组 因为对象没有长度值
     alert(values[i]);
     } 
    
    //遍历2 
    
    for(var ele in values){   
     alert(values[ele]);//下标
    
     } </script>

二、JQuery遍历

遍历数组

$(function(){  
       //------------遍历数组 .each的使用-------------  
       var anArray = ['one','two','three'];  
           $.each(anArray,function(n,value) {  
               alert(n+' '+value);            
               trs += "<tr><td>" +value+"</td></tr>";           
             });  
                
    });

遍历对象

$(function(){  
      //------------遍历对象 .each的使用-------------  
          //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式，必须保证JSON的格式要求，回调的对象必须使用eval函数进行转化（否则将得不到Object）。本文不作详细介绍服务器端回调的数据问题，我们将直接自定义对象)  
        var obj =[{"name":"admin","password":"123456"}];  
     //下面使用each进行遍历  
        $.each(obj,function(n,value) {   
               alert(n+' '+value);           
                 trs += "<tr><td>" + value.name +"</td> <td>" + value.password +"</td></tr>";          
               });         
           
      });

多为数组遍历

<script> 
    $(function(){
        var summ={"errno":2000,"errstr":"","content":[{"city":"52","region_name":"\u5317\u4eac"},{"city":"138","region_name":"\u77f3\u5bb6\u5e84"},{"city":"180","region_name":"\u6b66\u6c49"},{"city":"197","region_name":"\u957f\u6c99"},{"city":"343","region_name":"\u5929\u6d25"}]};
        $.each(summ,function(v,value){
            if (typeof value=="object") {
                $.each(value,function(vv,values){
                    alert(values.region_name);
                })            
                
            }else{
                alert(value);
            };
            
        })
    })
    </script>

for(k in arr)\{\} 实现

<script> 
        var summ={"errno":2000,"errstr":"","content":[{"city":"52","region_name":"\u5317\u4eac"},{"city":"138","region_name":"\u77f3\u5bb6\u5e84"},{"city":"180","region_name":"\u6b66\u6c49"},{"city":"197","region_name":"\u957f\u6c99"},{"city":"343","region_name":"\u5929\u6d25"}]};
        
    for (var k in summ) {
        if (typeof summ[k]=="object") {
            for (var n in summ[k]) {
                alert(summ[k][n].city);
                alert(summ[k][n].region_name);
            };
        }else{
            alert(summ[k]);
        };
        
    };
    </script>

[JS]: https://www.cnblogs.com/jiechn/p/4076639.html

发表评论取消回复

表情：

评论列表（有 0 条评论，269人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 数组&对象遍历

遍历对象 1. for…in循环 var site = { name: 'baidu', url: 'https://...

太过爱你忘了你带给我的痛/ 2024年04月18日 23:12/ 0 赞/ 103 阅读

相关 js遍历map(js遍历map对象)

javascript怎么遍历map var map = new HashMap(); map.put(a,1); map.put(b,2); 遍历： va

雨点打透心脏的1/2处/ 2023年10月11日 18:48/ 0 赞/ 86 阅读

相关 js遍历对象(js遍历对象的所有属性)

![js遍历对象(js遍历对象的所有属性)\_js遍历对象(js遍历对象的所有属性)][js_js_js_js] js 遍历对象的3种方法第一种： for..

Love The Way You Lie/ 2023年09月26日 14:53/ 0 赞/ 94 阅读

相关 js数组遍历、对象遍历、字符串遍历

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 数组遍历 for \--使用变量将数组长度缓

男娘i/ 2022年10月02日 00:49/ 0 赞/ 333 阅读

相关 JS 遍历对象总结

for...in... 遍历对象注意:for...in...循环遍历对象自身的和继承的可枚举属性(不含Symbol属性). 实战: var obj ={'n

朴灿烈づ我的快乐病毒、/ 2022年09月14日 14:24/ 0 赞/ 199 阅读

相关 js对象数据遍历

[JS之对象数组遍历？][JS] 一、js实现遍历对象 <script> var obj = {"player_id":"GS001

左手的ㄟ右手/ 2022年05月19日 10:41/ 0 赞/ 270 阅读

相关 js数组遍历和对象遍历

[http://www.cnblogs.com/yizhilin/p/7344675.html][http_www.cnblogs.com_yizhilin_p_7344675

傷城~/ 2022年03月16日 02:36/ 0 赞/ 396 阅读

相关 JS遍历对象

var tripInfo = { "2019-5-1": 0, "2019-5-2": 0, "

秒速五厘米/ 2022年02月20日 03:06/ 0 赞/ 410 阅读

相关 js 对象属性遍历

function 对象属性遍历()\{ var obj = \{x:1,y:2,c:3\}; for (var name in obj)\{ alert ( obj\

太过爱你忘了你带给我的痛/ 2021年12月22日 06:41/ 0 赞/ 334 阅读

相关 js数组遍历和对象遍历

针对js各种遍历作一个总结分析，从类型用处：分数组遍历和对象遍历；还有性能，优缺点等。 JS数组遍历： 1，普通for循环，经常用的数组遍历 var a

曾经终败给现在/ 2021年07月26日 22:57/ 0 赞/ 695 阅读