JS数组与Json

不得不说在创建Web应用时,经常与后端进行数据交互,了解json,如何读取json的内容,以及json数组(js数组)

1.简单json格式的数据,下面js代码

var data={
    "city" :"shanghai",
    "categray" :1,
    "name" : "xiao"
}
console.log(data['city']);//shanghai

2,进阶1

    var jsondata = {    
        person: {
            "name": "aa",
            "age": 66
        },
        address: {
            "china": "beijng",
            "americana": "niuyue"
        }
    }
    console.log(jsondata);
    console.log(jsondata['person']['name']);
    console.log(jsondata['person'])//object
    /*读取json数据时不能像数组那样从下标来读取,例:jsondata[0],这浏览器会报一个 undefined*/

如何遍历上面的json呢?可以用for in来遍历

  for (var obj in jsondata) {
        //如果你打印console.log(obj),打印出的是person,address
        console.log(jsondata[obj]);

    }

3.js数组中包含json数据

var data = [
        {
            "name": "小米",
            "age": 100,
            "categray": 1,
            ndata: [
                {
                    "nname": "校花",
                    "age": 12
                },
                {
                    "name": "h",
                    "age": 90
                }
            ]
        },
        {
            "name": "小明",
            "age": 666,
            "categray": 2
        },
        {
            "name": "xh",
            "age": 666,
            "categray": 2
        }
    ]

?如何遍历上面的数组呢。
注意上面的data数组中的第一条:

 {
            "name": "小米",
            "age": 100,
            "categray": 1,
            ndata: [
                {
                    "nname": "校花",
                    "age": 12
                },
                {
                    "name": "h",
                    "age": 90
                }
            ]
        }

同样我们可以用 for in 遍历

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

        for (var o in data[i]) {

               console.log(data[i][o]);


            }

        }

console.log(data[i]);是可以打印出来的因为data是一个数组,只是数组里包含json格式的数据而已

4.json数组

      jsondata={
            date:["周一","周三","周三","周四","周五","周六"],
            price:[20000, 40000, 61200, 10000, 100000, 120000]
        }
       console.log(jsondata['date']);
       console.log(jsondata['price']);

这种格式的比较常用

总结:js的数据格式比较灵活,但不论是单纯的js数组还是json格式的都基于object类型,重点掌握object类型

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值