js 对象 / json / jsonb / jsonp 区别

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

一、JSON vs JS 对象

1、区别

区别	Javascript 对象	Json
含义	对象的实例	一种数据格式（序列化格式）
传输	不能传输	可以跨平台传输，轻量级
格式	1.键不加引号、加单引号、双引号都行 2.值可以是函数、对象、字符串、数字、boolean 等	1. 键必须得加双引号 2. 值不能为函数/undefined/NaN

注： 序列化格式 ：早期有 XML，后来基于 javascript 诞生了更轻量的 JSON，再后来还有YAML。

针对于科学使用的大量数据集合，例如气候，海洋模型和卫星数据，开发了特定的二进制序列化标准，例如HDF，netCDF和较旧的GRIB。

2、序列化

（1）序列化操作

正序列化 - JSON.stringify()
反序列化 - JSON.parse() 、（不推荐）eval()

// 初始化 JS 对象

var obj_origin = {

    a: 1,

    b: "2",

    'c': 3

}

console.log(obj_origin) // { a: 1, b: '2', c: 3 }

// 正序列化

var objStr = JSON.stringify(obj_origin)

console.log(objStr) // {"a":1,"b":"2","c":3}

// 反序列化

var obj = JSON.parse(objStr)

console.log(obj) // { a: 1, b: '2', c: 3 }

var obj2 = eval("(" + objStr + ")")

console.log(obj2) // { a: 1, b: '2', c: 3 }

（2）eval()

首先， eval() 的功能，是可将一个 JS表达式求值成特定的对象，所以把字符串解析成 JS 对象只不过是作用之一。

问题一：为什么 eval() 解析时左右要加括号？

答：

1、js 对象是以 ”{}” 的方式开始和结束的，但在 js 中，它会 被误当成一个语句块（statement） 来处理。

2、所以加上圆括号，是为了把这个字符串变为 表达式 ，而不是语句来执行。

alert(eval("{}")); // return undefined

alert(eval("({})"));// return object[Object]

问题二：为什么不推荐用 eval() 呢？

答：

虽然 eval 的解析能力是强于 JSON.parse 的，它可以解析不规范的 JSON 字符串，但是上面 问题一 的例子也可以看出，eval 是不安全 的，特别是数据是第三方给予的时候。所以还是推荐用 JSON.parse （ 其实JSON.parse 底层也是调用的eval ）。