精华内容
下载资源
问答
  • js遍历json对象

    千次阅读 2019-04-22 17:12:26
    原生js遍历json对象 遍历json对象: 无规律: <script> var json = [  {dd:'SB',AA:'东东',re1:123},  {cccc:'dd',lk:'1qw'} ]; for(var i=0,l=json.length;i<l;i++){  for(var key in json[i]...

    原生js遍历json对象

    遍历json对象:

    无规律:

    <script>

    var json = [

      {dd:'SB',AA:'东东',re1:123},

      {cccc:'dd',lk:'1qw'}

    ];

    for(var i=0,l=json.length;i<l;i++){

      for(var key in json[i]){

        alert(key+':'+json[i][key]);

      }

    }

    </script>

    有规律:

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    packJson = [

     

    {"name":"nikita", "password":"1111"},

     

    {"name":"tony", "password":"2222"}

     

    ];

     

    for(var p in packJson){//遍历json数组时,这么写p为索引,0,1

     

      alert(packJson[p].name + " " + packJson[p].password);

     

    }

    也可以用这个:

    1

    2

    3

    4

    5

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

     

      alert(packJson[i].name + " " + packJson[i].password);

     

    }

    遍历json对象

    1

    2

    3

    4

    5

    6

    7

    myJson = {"name":"caibaojian", "password":"1111"};

     

    for(var p in myJson){//遍历json对象的每个key/value对,p为key

     

      alert(p + " " + myJson[p]);

     

    }

    有如下 json对象:

    var obj ={"name":"冯娟","password":"123456","department":"技术部","sex":"女","old":30};

    遍历方法:

    1

    2

    3

    4

    for(var p in obj){

    str = str+obj[p]+',';

    return str;

    }

    展开全文
  • JS 遍历json对象

    2019-08-14 14:59:42
    data.field 为json对象 先通过Object.keys转为数组再进行遍历 Object.keys 参考文档 forEach() 方法 参考文档 let params = ''; Object.keys(data.field).forEach(function(key){ if(data.field[key] !== '') { ...

    data.field 为json对象 先通过Object.keys转为数组再进行遍历
    Object.keys 参考文档
    forEach() 方法 参考文档

    let params = '';
    Object.keys(data.field).forEach(function(key){
        if(data.field[key] !== '') {
            params += (key + '=' + data.field[key]) + '&';
        }
    });
    
    展开全文
  • js 遍历json对象

    2019-09-29 18:52:30
    //方法一: var data=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name:"d",age:14}]; for(var o in data){ console.log("text:"+data[o].name+" value:"+data[o].age ); ...
    //方法一:
    var data=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name:"d",age:14}];  
    for(var o in data){
        console.log("text:"+data[o].name+" value:"+data[o].age );  
    }  
    // 方法二:
    var data=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name:"d",age:14}];  
    for(var i=0; i<data.length; i++){
        console.log("text:"+data[i].name+" value:"+data[i].age );  
    }  

     

    转载于:https://www.cnblogs.com/cloudshadow/p/5537783.html

    展开全文
  • 下面小编就为大家带来一篇js遍历json对象所有key及根据动态key获取值的方法(必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 一、定义JSON对象 首先定义一个json对象,对象以“{”(左括号)开始,“}”(右括号)结束 花括号内为键、值对 键必须用引号括起来,值若不是字符串则不必 var jsonObj = { "创维电视":50, "卡萨帝北京":40, ...
    一、定义JSON对象

    首先定义一个json对象,对象以“{”(左括号)开始,“}”(右括号)结束

    花括号内为键、值对 键必须用引号括起来,值若不是字符串则不必

    var jsonObj = {
        "创维电视":50,
        "卡萨帝北京":40,
        "家电":40,
        "松下":30,
    }
    

    二、根据key获取value

    // 根据key获取value,两种方式
    var value1 = eval("jsonObj."  + "家电");         // value1 = 40
    var value2 = jsonObj["家电"];                    // value2 = 40
    

    三、遍历json对象

    // 遍历json对象,获取键、值集合
    var keyAry = [];
    var valueAry = [];
    for(var key in jsonObj){
        keyAry.push(key);
        valueAry.push(jsonObj[key]);
    }
    

    四、添加key

    jsonObj["西门子"] = 100;
    

    五、删除key

    deledte jsonObj["海尔"];
    

    HTML select 标签选中切换switch状态操作radio

    //操作radio
    function setMeetingRoomInfo(im_id) {
       var im_id = im_id == 'null' ? $('#im_id').val() : im_id;
       $.ajax({
           url: "/app/seting/getMeetingRoomList?im_id=" + im_id, success: function (res) {
               var data = JSON.parse(res);
               for (var p in data) {
                   if (p != "q_dtime" || p != "im_id"){
                       var name = "input[name='" + p + "']";
                       if (data[p] == 1) {
                           $(name).eq(0).prop("checked", 'checked');
                       } else {
                           $(name).eq(1).prop("checked", 'checked');
                       }
                   }
                   if (p == "q_dtime"){
                       var name = "textarea[name='" + p + "']";
                       $(name).val(data[p]);
                   }
               }
           }
       });
    }
    

    HTML select 标签选中切换switch状态操作checkbox

    //操作checkbox
    function setMeetingRoomInfo(optID) {
       var optID = optID=='null' ? $('#renDaRoomOpt').val() : optID;
        $.ajax({
            url: "getMeetingRoomList?im_id=" + optID, success: function (res) {
                var jsonObj = JSON.parse(res);
                var keyAry = [];
                var valueAry = [];
                for (var key in jsonObj) {
                    keyAry.push(key);
                    valueAry.push(jsonObj[key]);
                }
                for (var i = 0; i < keyAry.length; i++) {
                    var tag = $("input[name='" + keyAry[i] + "']");
                    switch (keyAry[i]) {
                        case 'q_dtime':
                            tag.val(jsonObj[keyAry[i]]);
                            break;
                        case 'vote_time':
                            tag.val(jsonObj[keyAry[i]]);
                            break;
                        default:
                            tag.val(jsonObj[keyAry[i]]);
                            if (jsonObj[keyAry[i]] == 1) {
                                tag.prop('checked', true);
                                tag.attr('checked', 'checked');
                                tag.checked = true;
                            } else {
                                tag.prop('checked', false);
                                tag.remove('checked');
                                tag.checked = false;
                            }
                            break;
                    }
                }
            }
        });
    }
    

    更多JS请看 https://blog.csdn.net/xuexuan_050848/category_6531770.html

    jquery操作redio选中状态

    if (data.checked== 1){
    	console.log("开启");
    	$("input[name='is_rd']").eq(1).prop('checked',false);
    	$("input[name='is_rd']:eq(0)").prop("checked",'checked');
    }else{
    	console.log("关闭");
    	$("input[name='is_rd']").eq(0).prop('checked',false);
    	$("input[name='is_rd']:eq(1)").prop("checked",'checked');
    }
    
    展开全文
  • JS 遍历JSON对象中的键值对

    万次阅读 2019-01-07 22:20:41
    对象:一组无序属性的集合,...遍历JSON对象中的数据,可通过for-in循环实现,代码如下: var json={ "name":"乔峰", "age":"10", "sex":"男" }; //一个一个的遍历出来,遍历对象,是不能通过for循环遍历,...
  • js遍历json对象和jquery $.each()遍历json

    千次阅读 2019-05-16 16:34:53
    var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}]; for(var i=0,l=json.length;i<l;i++){  for(var key in json[i]){  alert(key+':'+json[i][key]);  } } </script...
  • //JS遍历JSON function jsonfor(){ var data=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name:"d",age:14}]; var htmltext="序号nameage"; for(var o in data){ htmltext+=""
  • 1.双Json对象要进行循环对比假设 json1 {dd:'SB',AA:'东东',re1:123}, json2 {cccc:'dd',lk:'1qw'}for(var pKey in json1){ for(var oKey in json2) if(pKey == oKey){ if(params[pKey] != params[oKey])...
  • json对象属性未知的情况下遍历所有元素 最近有个需求,需要从不同的json对象中取出远程资源的url,并且json的元素属性都是未知的 这里我使用递归的方式实现 function getUrlArrayByFileType(jsonObj,type:string)...
  • js中 使用 for(var a in b) 之类遍历的时候 ...如果 b 是json对象不能保证按照原顺序遍历。 若想按照顺序遍历需要把 b 转换为 array。 顶 转载于:https://www.cnblogs.com/gongchixin/articles/7235843.html...
  • 前端js遍历json对象方法

    千次阅读 2017-06-07 14:49:01
    环境操作系统: win7情形最近遇到这么一个情况,后台使用LinkedHashMap处理好数据,在使用...后来,我后台处理采用List的方式来返回数据,顺序有了,前端遍历的时候,遇到困难。 最开始我是这么遍历的:for(var l
  • <script type="text/javascript"> getJson('age'); function getJson(key){ var jsonObj={"name":"傅红雪","age":"24","profession":"刺客"}; //1、使用eval方法 ... var eValue=eval('js...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 777
精华内容 310
关键字:

js遍历json对象