前端之json对象的使用

前端json，全称： JavaScript Object Notation(JavaScript 对象表示法)

优点：

• JSON 比 XML 更小、更快，更易解析。
• JSON 是纯文本,JSON 具有层级结构,
• JSON 可通过 JavaScript 进行解析
• JSON 数据可使用 AJAX 进行传输等等

实例：

myObj = {
    "name":"baidu",
    "alexa":10000,
    "sites": {
        "site1":"www.baidu.com",
        "site2":"m.baidu.com",
        "site3":"c.baidu.com"
    }
}

json格式是键值对存储，可使用 delete 关键字来删除 JSON 对象的属性：

如：delete myObj.sites.site1;

常用方法：

JSON.parse() 后台->前台 （后台字符串解析成js对象）

JSON 通常用于与服务端交换数据。在接收服务器数据时一般是字符串。我们可以使用 JSON.parse(“有效的json字符串”) 方法将数据转换为 JavaScript 对象。

JSON.stringify() 前台->后台（js对象--通常是数组或者对象，转换成字符串传递给后台）

JSON 通常用于与服务端交换数据。在向服务器发送数据时一般是字符串。我们可以使用 JSON.stringify(“要转换的 JavaScript 值（通常为对象或数组）”) 方法将 JavaScript 对象转换为字符串。

连用时的效果：

JSON.parse(JSON.stringify(obj))我们一般用来深拷贝，其过程说白了 就是利用JSON.stringify 将js对象序列化（JSON字符串），再使用JSON.parse来反序列化(还原)js对象；序列化的作用是存储(对象本身存储的只是一个地址映射，如果断电，对象将不复存在，因此需将对象的内容转换成字符串的形式再保存在磁盘上 )和传输

但是此方法实现深拷贝会有问题：如果拷贝对象包含正则表达式，函数，或者undefined等值，此方法就会出现问题