JSON的基本认识

    今天我想描述的JSON（也叫JavaScript对象表示法）是只针对于JavaScript而言所写，但有一个点是你需要知道，就是JSON并非只属于JavaScript，目前很多编程语言也能使用。JSON是一种数据格式而非编程语言。

JSON的语法可以用三种类型的值表示

1.简单值（字符串、数字、布尔值、null）

{
"title":"helloWorld", // JSON字符串尽可能用""表示,勿用单引号'',不然可能会出现语法错误
"name":"张三",
"age":22,
"type":true,
"date":null，
"test"：undefined 

}　

注：上面代码中"test":undefined 经过JSON的各种操作，都会被剔除掉，所以说JSON不支持undefined

2.对象

{
"name":"张三",
 "course":{
     "title":"Chinese",
     " time":"2020-3-4"    
 }
}

注：上面JSON对象的表示与JavaScript对象字面量表示的区别有二：其一，JavaScript需要声明变量（let/var）,其二，JavaScript结束后最后需要；表示

3.数组

[
  {
      "name":"jean",
      "age":18   
  } ,
  {
      "name":"chee",
      "age":21  
  } , 
 {
      "name":"lucky",
      "age":44   
  } 
]

JSON数组遍历（JSON数组拥有JavaScript对数组操作的功能,如arr.push.....）

 let a=[
  {
      "name":"jean",
      "age":18   
  } ,
  {
      "name":"chee",
      "age":21  
  } , 
 {
      "name":"lucky",
      "age":44   
  } 
];
// 第一种方法
for(let s=0;s<a.length;s++){
    console.log(a[s].name);
} 
// 第二种方法
for(let item in a){
    console.log(a[item].name);
}  

JavaScript对象与JSON的相互转化

（1）定义一个JavaScript对象

let  js={
    title:"hello",
    course:["高数","kiry" ]  ,
   school:{
         name:"college",
        location:"North"
  }
} ;

（2） 如何获取数据

  查询title：js.title

  查询第一门课程：js.course[0]

  查询学校的地址：js.school.location

（3）JavaScript对象转化为JSON对象let jsonObj=JSON.stringify(js);

 let jsonObj=JSON.stringify(js);
  console.log(jsonObj);

// 结果{"title":"hello","course":["高数","kiry"],"school":{"name":"college","location":"North"}}


// 第一种写法   stringify 中第二项表示过滤器，过滤出只有["title","course"]的结果
 let jsonObj=JSON.stringify(js,["title","course"]); 
 console.log(jsonObj); // 结果{"title":"hello","course":["高数","kiry"]} 


// 第二种写法stringify 中第三项表示 字符串缩进  数值表示（max为10）超过10 ，默认为10
let jsonObj=JSON.stringify(js,["title","course"],4); 
console.log(jsonObj);
//  结果
//{
//    "title": "hello",
//    "course": [
//        "高数",
//        "kiry"
//    ]
//}

// stringify 中第三项表示 字符串缩进  字符串表示

let jsonObj=JSON.stringify(j,null,"***");
console.log(jsonObj);

 //{
 //***"title": "hello",
 //***"course": [
 //******"高数",
 //******"kiry"
 //***],
 //***"school": {
 //******"name": "college",
 //******"location": "North"
 //***}
 //}

（4）JSON对象转化为JavaScript对象

let recover=JSON.parse(jsonObj);
console.log(recover);

tip

---

 目前在项目开发中，JSON常用于前后端对接时，交互数据所用