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分类

  1. 对象

    let jsonObj = { "name": "张三", "age": 18 };
        console.log(jsonObj, typeof jsonObj);
    
  2. 数组

    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}'