js对象和json对象的区别
JSON概述
JSON(JavaScript Object Notation),JS 对象表示法 。
JSON是JS对象的一种描述方法,使JS对象能够以文本的方式记录下来,所以JSON是字符串。我们在JS中自己写得JSON对象形式其实是JSON字符串解析为JavaScript中的数据结构形式。
为什么需要JSON对象?
- JS对象只有JavaScript自己认识,其他的语言都不认识。但是JSON是一个特殊的字符串,这种格式的字符串能够被任意的语言所识别,可以转换为任意语言的对象形式,实现不同语言之间的数据交互。
JSON和JS对象差别
JSON和JS对象的格式一样,但是JSON的字符串中属性名必须加双引号。
区别 | JSON | JavaScript |
---|---|---|
含义 | 仅仅是一种数据格式 | 表示类的实例 |
传输 | 可以跨平台数据传输,速度快 | 不能传输 |
表现 | 1. 键值对方式,键必须加双引号 2.值不能是方法函数,不能是underfined/NaN | 1.键值方式,键不加引号 2.值可以是函数、对象、字符串、数字、boolean等 |
相互转换 | 1. JSON.parse(JsonStr);(不兼容IE7 ) 2. eval(“(”+jsonStr+“)”);(兼容所有浏览器,但不安全,会执行json里面的表达式?) | JSON.stringify(jsObj); |
其他:调用JSON官网的JS,实现parse和stringify在谷歌浏览器的兼容
JSON分类
-
对象
let jsonObj = { "name": "张三", "age": 18 }; console.log(jsonObj, typeof jsonObj);
-
数组
let jsonArr = [`{ "name": "张三", "age": 18 }`]; console.log(jsonArr, typeof jsonArr);
JSON与JS对象的转换
JavaScript中的JSON类中含有JSON与JS对象互相转换的方法
1.JSON字符串转JS对象 => JSON.parse()
let jsonStr = '{"name":"张三","age":18}'
let jsObj = JSON.parse(jsonStr)
console.log(jsObj)// {name:'张三',age:18}
2.JS对象转JSON字符串=>JSON.stringify()
let jsObj = {name:'张三',age:18}
let jsonStr = JSON.stringify(jsObj)// '{"name":"张三","age":18}'