JSON的基础格式整理

最新推荐文章于 2025-06-27 11:52:36 发布

笔下无书生

最新推荐文章于 2025-06-27 11:52:36 发布

阅读量906

点赞数

CC 4.0 BY-SA版权

分类专栏：前端相关文章标签： JSON 基础格式 5种 JS

本文链接：https://blog.youkuaiyun.com/weixin_45005931/article/details/89743426

前端相关专栏收录该内容

19 篇文章

订阅专栏

JSON是Ajax和JS中常用方式，本文介绍了五种基础格式，包括基础JSON对象（键值对）、JSON数组、循环嵌套型JSON、相对复杂的数组嵌套JSON以及特殊的List形式JSON。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Json是在Ajax，js中经常使用的一种方式，如下提供五种基础的格式
1.一个基础的JSON对象俗称的键值对 JSONObject 一般是一个主键对应一个值

   //一个基础的JSON对象 俗称的键值对 JSONObject  一般是一个主键对应一个值
    var data= {"id":"Jd1" , "name":"节点1"};
    //在使用时可以直接 使用主键值获取信息
    var id=data.id;//获取值 Jd1

2.一个JSON数组基本上是第一种的一个组合——JSONArray

    //一个JSON数组 基本上是第一种的一个组合——JSONArray
    var data=  [{"id":"Jd1" , "name":"节点1"},{"id":"Jd2" , "name":"节点2"}]
    //此时想要获取某个值就需要进行循环处理
    for(var i=0;i<data.length;i++){
        var Id=data[i].id;
    }

3.循环嵌套型的JSON 父节点子节点的处理一般是树形展示的数据样式

  //循环嵌套型的JSON 父节点子节点的处理 一般是树形展示的数据样式
    var data= {"id":"Jd1" , "name":"节点1",children:[{"id":"Jd3" , "name":"节点3"},{"id":"Jd2" , "name":"节点2"}]};
    //此时想要获取某个节点的值就需要通过循环嵌套循环的方式
    var id=data.id;//获取值 Jd1
    for(var i=0;i<data.children.length;i++){
        var Id=data.children[i].id;
    }

4.相对复杂的JSON 数组嵌套，理论上可无限嵌套

//相对复杂的JSON 数组嵌套，理论上可无限嵌套
    var data=  [{"id":"Jd1" , "name":"节点1",children:[{"id":"Jd3" , "name":"节点3"},{"id":"Jd4" , "name":"节点4"}]},
        {"id":"Jd2" , "name":"节点2",children:[{"id":"Jd5" , "name":"节点5"},{"id":"Jd6" , "name":"节点6"}]}]	
    //此时想要获取某个节点的值就需要借助一个方法 通过循环来获取某个节点的值
    function childrenNodes(d1) {
        for (var i = 0; i < d1.length; i++) {
            var id = d1[i].id;
            if (d1[i].children != undefined && d1[i].children.length > 0) {
                childrenNodes(d1[i].children);
            }
        }
    }
    for (var i = 0; i < data.length; i++) {
        var id = data[i].id;
        if (data[i].children != undefined && data[i].children.length > 0) {
            childrenNodes(data[i].children);
        }
    }

5.还有一个特殊的List形式的JOSN

 //还有一个特殊的List形式的JOSN 
    var data = ["jd1", "jd2", "jd3", "jd4"];
    //若是要判断某个值在不在这个数组里面需要使用indexOf
    if (data.indexOf("jd1") > -1) {
        alert("存在数组内");
    }
    else {
        alert("不存在数组内");
    }

以上为个人观点，若有错误遗漏请指正