一起学习javascript-JSON

<script>

    // JSON是JavaScript Object Notation的缩写，它是一种数据交换格式。

    // 在JSON出现之前，大家一直用XML来传递数据。因为XML是一种纯文本格式，所以它适合在网络上交换数据。XML本身不算复杂，但是，加上DTD、XSD、XPath、XSLT等一大堆复杂的规范以后，任何正常的软件开发人员碰到XML都会感觉头大了，最后大家发现，即使你努力钻研几个月，也未必搞得清楚XML的规范。

// 终于，在2002年的一天，道格拉斯·克罗克福特（Douglas Crockford）同学为了拯救深陷水深火热同时又被某几个巨型软件企业长期愚弄的软件工程师，发明了JSON这种超轻量级的数据交换格式。

// 道格拉斯同学长期担任雅虎的高级架构师，自然钟情于JavaScript。他设计的JSON实际上是JavaScript的一个子集。

    // 在JSON中的几种数据类型：

// number：和JavaScript的number完全一致；

// boolean：就是JavaScript的true或false；

// string：就是JavaScript的string；

// null：就是JavaScript的null；

// array：就是JavaScript的Array表示方式——[]；

// object：就是JavaScript的{ ... }表示方式。

// 我们为什么要学习JSON呢?

// JSON是数据交换格式，在很多场景下，我们希望把数据发送到服务器，或者从服务器获取数据，但是数据格式不能是JavaScript对象，

// 因为JavaScript对象是运行时数据，而JSON是纯文本数据，所以，我们希望把JavaScript对象转换成JSON字符串，然后再发送给服务器。

// 写一个JSON格式的字符串示例

// {

//   "firstName": "John",

//   "age": 30,

//   "address": {

//     "street": "123 Main St",

//     "city": "New York",

//   }

// 而在JavaScript中，我们可以直接使用JSON，因为JavaScript内置了JSON的解析。

// 把任何JavaScript对象变成JSON，就是把这个对象序列化成一个JSON格式的字符串，这样才能够通过网络传递给其他计算机。

// 1.序列化将JavaScript对象变成JSON字符串

// 写一个javascript对象

const obj={

    name:'张三',

    age:22,

}

console.log("obj=",obj);//obi= Object{ name: "张三", age: 22 }

const jsonStr = JSON.stringify(obj);//序列化JavaScript对象变成JSON字符串

console.log("jsonStr=",jsonStr);//jsonStr= {"name":"张三","age":22}

// 如果我们收到一个JSON格式的字符串，只需要把它反序列化成一个JavaScript对象，就可以在JavaScript中直接使用这个对象了。

// 2.反序列化将JSON变为javascript对象

// 拿到一个JSON格式的字符串，我们直接用JSON.parse()把它变成一个JavaScript对象：

var arr2=JSON.parse('{"name":"小明","age":14}');

console.log("arr2=",arr2);//arr2=Object { name: "小明", age: 14 }

// 也可以反序列化为其他类型，比如数组：

var arr1=JSON.parse('[1,2,3,true]');

console.log("arr1=",arr1);//arr1= Array(4) [ 1, 2, 3, true ]

// JSON.parse('true'); // true

// JSON.parse('123.45'); // 123.45

// JSON.parse()还可以接收一个函数，用来转换解析出的属性：

var obj2 = JSON.parse('{"name":"小李","age":18}', function (key, value) {

    if (key === 'name') {

        return value + '哥哥';

    }

    return value;

});

console.log(JSON.stringify(obj2)); // {name: '小明哥哥', age: 18}

</script>