JavaScript对象编程（五）

JavaScript对象编程（五）

JSON对象

什么是JSON

JSON（JavaScript Object Notation）， JS对象表示法，是一种轻量级的数据交换格式
使用JavaScript语法来描述数据对象，但是 JSON 仍然独立于语言和平台，可以被任何编程语言读取以及作为数据格式传递。是目前服务端与客户端交换数据中使用最为广泛的标准格式

JS对象

创建JS对象

var table{
    height:100,
    width:50,
    color:'red',
}

• 外层适用花括号{}包裹
• key:value 键值对格式
• 逗号分割
• 值类型可以是常用的number、string、boolean、object、null

访问、赋值

• 两种方式访问
• 访问未定义属性会返回undefined

table.height
table['height']

• 可以先声明再赋值

var table={}
table.height=100

• []方式访问可以使用变量

var x='height'
table[x]=100

复杂格式

值为对象

值为数组

值为函数


练习
将以下数据使用JS对象格式存储
iPhone12，品牌：苹果， 价格：6799， 是否支持双卡双待：是， 支持网络：5G、4G、3G、2G

JS对象与JSON

JS对象不等于JSON
JSON只是一种使用JS对象格式的数据，并不是具体的实例对象，是跨平台跨语言传输数据的一种载体，不仅仅限于JS
JSON

JS对象

JSON格式

JSON一般有两种格式
对象格式

数组对象格式

由于JSON是使用JS对象格式的数据，因此在JS内部，可以认为JS对象与JSON相同，但在广义上来讲，JS对象不等于JSON
JSON数据可以存在.json的文件内，json文件是一种在互联网中被广泛使用的数据形式，可以被大多数语言解析识别

JS对象与JSON转换

JSON.stringify() 将JS对象转换为可传输的JSON格式

JSON.parse() 将JSON字符串转换为JS对象

JSON遍历

for in 循环

练习
遍历数据，按下图格式输出

拓展知识

统计以下数组中，每个元素出现的次数


使用sort对JSON排序