黄国瑞博客

首页 > web前端开发 > Javascript中遍历JSON的方法

Javascript中遍历JSON的方法

今天来谈谈JavaScript中的JSON,在现在的前后端分离的模式下,可谓无处不在。那么什么是JSON呢?

JSON是:

JSON是一种取代XML的数据结构,和xml相比,它更小巧但描述能力却不差,由于它的小巧所以网络传输数据将减少更多流量从而加快速度,

那么,JSON到底是什么?

JSON就是一串字符串 只不过元素会使用特定的符号标注。

{} 双括号表示对象

[] 中括号表示数组

"" 双引号内是属性或值

: 冒号表示后者是前者的值(这个值可以是字符串、数字、也可以是另一个数组或对象)

所以 {"name": "Michael"} 可以理解为是一个包含name为Michael的对象

而[{"name": "Michael"},{"name": "Jerry"}]就表示包含两个对象的数组

当然了,你也可以使用{"name":["Michael","Jerry"]}来简化上面一部,这是一个拥有一个name数组的对象

ps:现在还有很多人存在一些误区,为什么{name:'json'}在检验时通过不了,
那是因为JSON官网最新规范规定

如果是字符串,那不管是键或值最好都用双引号引起来,所以上面的代码就是{"name":"json"}

不要反驳,官网就是这么定义的。

相信大家看了上面,应该就有比较好的理解了吧,下面我举一个例子:

JSON中遍历同级兄弟元素的数据

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
//代码如下:
<script>
    let json = {
        a: {
            d: 1,
            e: 3,
            f: 4
        },
        d: {
            d: 4,
            e: 5,
            f: 5
        }
    };

    for (let i in json) {
        for (let b in json[i])
            console.log(b, json[i][b])
    }
</script>

//结果如下:
d 1
e 3
f 4
d 4
e 5
f 5

哈哈,大家有没有觉得很巧妙呢,如果你有别的方法,可以可以提出来的!

以上就是黄国瑞博客带来的《Javascript中遍历JSON的方法》,非常感谢您的观看!如果没有相关文字说明,本文即为黄国瑞博客原创(www.huangguorui.cn),欢迎读者转载并保留本站版权!

以上就是Javascript中遍历JSON的方法的详细内容,更多请持续关注本站其它相关文章!

标签:

浏览了该文章的用户还浏览了以下文章:

共有 0 条评论

本站是一个关注web前端发展和注重SEO优化的个人网站,提供最新的web前端资讯,专注web前端开发,分享各种所遇问题解决方法与个人心得,同时分享前端资源和工具等,并提供HTML5模板的下载,期待你的参与!

热门评论

友情链接

友链可以提升搜索引擎友好度,欢迎大家踊跃互添友链!仅限同行业【程序类网站】。有意向的小伙伴可以在网站注册账号给我留言!

Top

如有疑问,可联系我: