深入理解JSON数组、JSON对象、JSON字符串、普通数组的区别与操作整理

简介: JSON的数据格式:1) 并列的数据之间用逗号(”, “)分隔。2) 映射用冒号(”: “)表示。3) 并列数据的集合(数组)用方括号(“[]“)表示。4) 映射的集合(对象)用大括号(”{}”)表示。5)JSON 数据的书写格式是:名称/值对。6)名称/值对组合中的名称写在前面(在双引号中),值对写在后面(同样在双引号中),中间用冒号隔开:“firstName”:“John”

在这里首先提一下

JSON的数据格式

1) 并列的数据之间用逗号(”, “)分隔。

2) 映射用冒号(”: “)表示。

3) 并列数据的集合(数组)用方括号(“[]“)表示。

4) 映射的集合(对象)用大括号(”{}”)表示。

5)JSON 数据的书写格式是:名称/值对。

6)名称/值对组合中的名称写在前面(在双引号中),值对写在后面(同样在双引号中),中间用冒号隔开:“firstName”:“John”

JSON可以包含的值

1、数字(整数或浮点数)

2、字符串(在双引号中)

3、逻辑值(true 或 false)

4、数组(在方括号中)

5、对象(在花括号中)

6、null

JSON对象

JSON 对象在花括号中书写:


对象可以包含多个名称/值对:

{ “firstName”:“John” , “lastName”:“Doe” }

JSON数组

在这里我们将json数组分为前台获取处理和后台对其获取并处理,然后再对其转化形式进行讨论,比如JSON数组转换成JSON字符串等。

JSON 数组在方括号中书写:


数组可包含多个对象:

{
“employees”: [
{ “firstName”:“John” , “lastName”:“Doe” },
{ “firstName”:“Anna” , “lastName”:“Smith” },
{ “firstName”:“Peter” , “lastName”:“Jones” }
]
}
前台处理JSON数据

在这里我们列举三个json数据:

var json={a:12,b:5,c:7};  //普通的json对象数据
var arr=[12,5,7];             //普通的数组
var jsonArray= [              //josn数组
        {"name":"zhang", "password":"123"},
        {"name":"yang", "password":"456"}
];
alert(json['a']);
alert(arr[0]);
alert(jsonArray[0].name);
//对普通json对象的遍历
for(var i in json){
    alert('第'+i+'个:'+json[i]);
}
//对数组的遍历
for(var i in arr){
    alert('第'+i+'个:'+arr[i]);
}
//对json数组的遍历
for(var p in jsonArray){//遍历json数组时,这么写p为索引,0,1
    alert(jsonArray[p].name + " " + jsonArray[p].password);
}
// 或者
for(var i = 0; i < jsonArray.length; i++){
        alert(jsonArray[i].name + " " + jsonArray[i].password);
}
//只有数组或者json数组才可以使用length方法。json对象使用length方法无效。
//如果json对象的子元素是数组或者json数组,也可以使用length方法。可以用于遍历数据

两者一对比就大致可以看出for in遍历对象是最适合了,如果用for的话,对象里面的k值和value值只好无能为力,那就只能用for in。如果只是普通的数组,用for最适合;那如果for in遍历普通数组话,他会自带length属性,到后面会报错,所以for in不适合循环遍历普通数组。


字符串和json对象和json对象数组相互转换

var jsonStr  = "{\"userId\":\"001\"}";  // json对象字符串
var jsonArryStr = "[{\"userId\":\"001\"},{\"userId\":\"002\"}]"; // json数组字符串
var jsonObj  = JSON.parse(jsonStr);     // 字符串转为json对象
//var jsonObj = $.parseJSON(jsonStr)    //Jquery中的方法
var jsonArry = JSON.parse(jsonArryStr); // 字符串转为json数组
var jsonStr  = JSON.stringify(jsonObj); // json对象转为字符串
var last     = jsonObj.toJSONString(); //将JSON对象转化为JSON字符串
var jsonArryStr=JSON.stringify(jsonArry);// json数组转为字符串
alert(jsonStr);
alert(jsonArryStr);
alert(jsonObj.userId);
alert(jsonArry[0]['userId']);
//JSON.stringify(obj)       将JSON对象转为字符串。
//JSON.parse(string)       将字符串转为JSON对象格式。
 //json对象转化成json数组对象
        var arr1=[];
        for(var i in jsonObj){
            //var o={};
            //o[i]=jsonObj[i];
            arr1.push(jsonObj[i]);            
        }
//第二种方法
<script>
//将对象转化为数组
    let obj={'未完成':5,'已完成':8,'待确认':4,'已取消':6};
     var arr = [];
    for (let i in obj) {
        //arr.push(obj[i]); //属性
        //arr.push(obj[i]); //值
        var o={};
        o[i]=obj[i];
        arr.push(o);
    }
    function objToArray(array) {
        var arr = []; 
        for (var i in array) {
            var o={};
            o[i]=array[i];
            arr.push(o); 
        }
        console.log(arr);
        //return arr;
    }
   // console.log(arr)
    objToArray(obj);
</script>
后台处理JSON数据

在这里我们使用的是阿里的fastjson

<dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>fastjson</artifactId>
      <version>1.2.3</version>
</dependency>

我对应这相关的数据类型和知识点进行了比较详细的案例实施,具体代码如下:

  public static void main(String[] args) {
        //字符串转JSONObject
        String mapString = "{id:'211415034',name:'徐妍',age:'24'}";
        JSONObject json = JSON.parseObject(mapString);//json={"id":"211415034","name":"徐妍","age":"24"}
        //JSONObject转实体类
        Student json_student = JSONObject.toJavaObject(json, Student.class);
        String name = json.getString("name");
        System.out.println("name+json------" + name + "/n" + json);
        System.out.println("json_student---------" + json_student);
        //name+json------徐妍/n{"name":"徐妍","id":"211415034","age":"24"}
        //json_student---------Student{id=211415034, name='徐妍', age='24'}
        //json对象数组字符串(有里往外命名)
        String homeworklist = "[{id:'211415034',name:'蛋蛋',age:'24'},{id:'211415034',name:'闲闲',age:'24'}]";
        //对象数组字符串转JSONArray
        JSONArray json_list = JSON.parseArray(homeworklist);
        //对象数组字符串转List集合
        List<Student> stu1 = JSON.parseArray(homeworklist, Student.class);
        System.out.println("stu1----------" + stu1);
        //stu1----------[Student{id=211415034, name='蛋蛋', age='24'}, Student{id=211415034, name='闲闲', age='24'}]
        System.out.println("json_list-------" + json_list);
        //json_list-------[{"name":"蛋蛋","id":"211415034","age":"24"},{"name":"闲闲","id":"211415034","age":"24"}]
        //遍历JSONArray
        for (Object stu : json_list) {
            System.out.println("stu2--------" + stu);
        }
        //stu2--------{"name":"蛋蛋","id":"211415034","age":"24"}
        //stu2--------{"name":"闲闲","id":"211415034","age":"24"}
        //复杂的json字符串
        String homeworkMap = "[{id:'211415034',name:'蛋蛋',age:'24'}, {id:'211415034',name:'闲闲',age:['24']}]";
        //对象数组字符串转List集合
        List<Student> json_map = JSON.parseArray(homeworkMap, Student.class);
        System.out.println("json_map---------" + json_map);
        //json_map---------[Student{id=211415034, name='蛋蛋', age='24'}, Student{id=211415034, name='闲闲', age='["24"]'}]
        //将List转换成JSONArray,要先转换成json字符串
        JSONArray list1 = JSONArray.parseArray(JSON.toJSONString(json_map));
        System.out.println("list1---------" + list1);
        //list1---------[{"name":"蛋蛋","id":211415034,"age":"24"},{"name":"闲闲","id":211415034,"age":"[\"24\"]"}]
        //带名称的json数组对象字符串
        String homeworkMap2 = "{data:[{id:'211415034',name:'蛋蛋',age:['24','12']}, {id:'211415034',name:'闲闲',age:['24','12']}],stud:{id:'211415034',name:'这是stud',age:'24'}}";
        //先将json字符串转化成JSONObject
        JSONObject json_hp = JSON.parseObject(homeworkMap2);
        System.out.println("json_hp--------------" + json_hp);
        //json_hp--------------{"data":[{"name":"蛋蛋","id":"211415034","age":["24","12"]},{"name":"闲闲","id":"211415034","age":["24","12"]}],"stud":{"name":"这是stud","id":"211415034","age":"24"}}
        //获取key为data的数组
        System.out.println("data--------------" + json_hp.get("data"));
        //data--------------[{"name":"蛋蛋","id":"211415034","age":["24","12"]},{"name":"闲闲","id":"211415034","age":["24","12"]}]
        //获取key为data数组的stud对象
        System.out.println("stud--------------" + json_hp.get("stud"));
        //stud--------------{"name":"这是stud","id":"211415034","age":"24"}
        //强转 List<Map<String,Object>> list= (List<Map<String, Object>>) json_hp;
        List<Map<String, Object>> list = (List<Map<String, Object>>) json_hp.get("data");
        System.out.println("list------------" + list);
        //list------------[{"name":"蛋蛋","id":"211415034","age":["24","12"]},{"name":"闲闲","id":"211415034","age":["24","12"]}]
        //遍历list
        for (Map<String, Object> map : list) {
            System.out.println("map-----" + map);
            List age1 = (List) map.get("age");
            String age = String.valueOf(age1);
            for (Object age2 : age1) {
                System.out.println("age2-----------" + age2);
            }
            System.out.println("age-----------" + age);
        }
/*
        map-----{"name":"蛋蛋","id":"211415034","age":["24","12"]}
        age2-----------24
        age2-----------12
        age-----------["24","12"]
        map-----{"name":"闲闲","id":"211415034","age":["24","12"]}
        age2-----------24
        age2-----------12
        age-----------["24","12"]*/
    }

json的分析就先到这里,后台的接收再SpringMVC中是用requestBody来进行的,可以在AJAX前天台传值的时候转成json字符串的形式,就和我后台举的例子是相同的了。如有其他错误的地方还请多多指正。

码字不易,记得收藏,点赞、评论

相关文章
|
3月前
|
JSON 数据挖掘 API
淘宝详情API接口与高级详情API接口用json返回数据区别
淘宝“商品详情API”与“高级商品API”主要区别在于数据深度、字段丰富度及适用场景。前者适用于轻量级导购展示,后者支持详情页展示与深度分析,需根据业务需求选择使用。
|
4月前
|
JSON 人工智能 Go
在Golang中序列化JSON字符串的教程
在Golang中,使用`json.Marshal()`可将数据结构序列化为JSON格式。若直接对JSON字符串进行序列化,会因转义字符导致错误。解决方案包括使用`[]byte`或`json.RawMessage()`来避免双引号被转义,从而正确实现JSON的序列化与反序列化。
196 7
|
5月前
|
JSON IDE Java
鸿蒙开发:json转对象插件回来了
首先,我重新编译了插件,进行了上传,大家可以下载最新的安装包进行体验了,还是和以前一样,提供了在线版和IDE插件版,两个选择,最新的版本,除了升级了版本,兼容了最新的DevEco Studio ,还做了一层优化,就是针对嵌套对象和属性的生成,使用方式呢,一年前的文章中有过详细的概述,这里呢也简单介绍一下。
193 4
鸿蒙开发:json转对象插件回来了
|
9月前
|
JSON JavaScript 前端开发
处理从API返回的JSON数据时返回Unicode编码字符串怎么处理
在处理API返回的JSON数据时,遇到类似`\u7f51\u7edc\u8fde\u63a5\u9519\u8bef`的Unicode编码字符串,可使用JavaScript内置方法转换为可读文字。主要方法包括:1. 使用`JSON.parse`自动解析;2. 使用`decodeURIComponent`和`escape`组合解码;3. 在API调用中直接处理响应数据。这些方法能有效处理多语言内容,确保正确显示非ASCII字符。
|
JSON 前端开发 JavaScript
json字符串如何转为list对象?
json字符串如何转为list对象?
1852 7
|
JSON JavaScript 前端开发
js如何格式化一个JSON对象?
js如何格式化一个JSON对象?
478 3
|
Web App开发 JSON JavaScript
第168天:json对象和字符串的相互转换
json对象和字符串的相互转换 1、json对象和字符串的转换 在Firefox,chrome,opera,safari,ie9,ie8等高级浏览器直接可以用JSON对象的stringify()和parse()方法。
1626 0
|
Web App开发 JSON 数据格式
JSON对象与字符串之间的相互转换 - CSDN博客
原文:JSON对象与字符串之间的相互转换 - CSDN博客 [html] view plain copy print?                  JSON对象与字符串之间的相互...
1795 0
|
Web App开发 JSON JavaScript
JSON对象和字符串之间的相互转换
原文:JSON对象和字符串之间的相互转换 比如我有两个变量,我要将a转换成字符串,将b转换成JSON对象: view source print? 1 var a=...
923 0
|
Web App开发 JSON JavaScript
JSON对象和字符串之间的相互转换
比如我有两个变量,我要将a转换成字符串,将b转换成JSON对象: view source   print? 1 var a={"name":"tom","sex":"男","age":"24"}; 2    3 var b='{"name":"Mike","sex":"女","age":"29"}'; 在Firefox,chrome,opera,safari,ie9,ie8等高级浏览器直接可以用JSON对象的stringify()和parse()方法。
1069 0