什么是JSON

{
 "name": "小徐",
 "experience": 2.5,
 "hobbit": ["唱歌","跳舞","打球","说唱"]
}

什么是Object

var o = {
 name: '小吴',
 age: 22,
 height: 185
}

为什么会被混为一谈

原因很简单:这两个东西长得很像啊,都有花括号/键值对,而且JSON就是由JavaScript衍生出来的格式,难免会傻傻分不清楚

然而作为一个较真的切图仔,不能这么马马虎虎地对待这方面的知识。我们把Object写成这样:

const o = {
 name: '小吴',
 age: Math.floor(Math.random()*10) + 20,
 height: 3*60+5,
 // 每涨一岁,就skr一次
 [Symbol.iterator]: function* () {
 let count = 0;
 while (count < this.age) {
 yield 'skr'
 count += 1;
 }
 },
}

这时候,你还会认为他是JSON吗?(JSON: 打扰了,告辞)

认祖归宗

Object是JavaScript中的键值对数据格式,与之同类的应该是Python中的字典、Golang中的map、Lua中的Table等基于键值对的数据结构
而JSON本质是数据格式(不是数据结构),他的同类应该是xml、yaml等用做存储和传输的数据格式。

Object包含了JSON,你可以使用JSON表示JavaScript的Object,但不能把应为Object长得像JSON(实际上是JSON像Object)而将两者混为一谈

拓展

当然JavaScript的Object有不同的写法,上面的Object可以这么写:

var o = new Object();
o.name = '小吴'
o.age = Math.floor(Math.random()*10) + 20
// ...

这种写法和前者"花括号"定义对象的方式是等价的,我们重点说前者,也就是花括号的那种写法,有它自己的名字:

对象字面量

字面量(literal)简单来说就是表示某种数据结构文本格式。打个比方,你想让JavaScript创建一个字符串,你需要输入"hello word",花括号的内容就是字符串字面量。同理[1, 2, 3]就是数组字面量,而{a:1, b:2},就是我们的主角:对象字面量。字面量的使用,能令我们的语言表达力更加直观和丰富,代码可读性更高。如果缺少某些类型的字面量(以缺少数组和对象字面量举例),你的代码可能就会变成这样子:

var list = new Array()
for (var i = 0; i < 3; i++) {
 var descriptor = new Object()
 descriptror.value = i + 1;
 Object.defineProperty(list, i.toString(), descriptor)
}

对象字面量 vs. JSON

本文来自:简书

感谢作者:Kagashino

查看原文:【JavaScript】请不要把Object和JSON混为一谈

• 编辑
• 预览