您的位置:首页> 前端教程> JSON教程

JSON 对象

2019-12-24 10:25| 作者: admin| 查看: 788| 评论: 0|来自: 蚂蚁部落

很多朋友习惯将JavaScript对象直接量称作JSON对象。

其实这是完全错误的,对象直接量和JSON对象完全两个概念。

真正的JSON对象是ES5新增,专门用于处理JSON数据。

首先看一段代码实例:

[JavaScript] 纯文本查看 复制代码
let antzone={
  webName:"蚂蚁部落",
  age:5,
  address:"青岛市南区"
}

上面是一个对象直接量,而不是什么JSON对象。

JSON对象仅有两个静态方法JSON.stringify()和JSON.parse()。

一.JSON.stringify()方法:

此方法可以将参数转换为对应的JSON数据。

代码实例如下:

[JavaScript] 纯文本查看 复制代码运行代码
let antzone={
  webName:"蚂蚁部落",
  url:"softwhy.com",
  age:5
}
let jsonStr=JSON.stringify(antzone);
console.log(jsonStr);

代码运行效果截图如下:

a:3:{s:3:\"pic\";s:43:\"portal/201912/24/103413k3z4qust617qy3fa.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

上述代码通过JSON.stringify方法将对象直接量序列化为一个JSON数据。

更多关于此方法的实用细节可以参阅JSON.stringify() 方法一章节。

二.JSON.parse()方法:

此方法可以将JSON数据还原,代码实例如下:

[JavaScript] 纯文本查看 复制代码运行代码
let antzone={
  webName:"蚂蚁部落",
  url:"softwhy.com",
  age:5
}
let jsonStr=JSON.stringify(antzone);
console.log(JSON.parse(jsonStr).webName);

代码运行效果截图如下:

a:3:{s:3:\"pic\";s:43:\"portal/201912/24/103502nhvwgzfujv1km3va.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

上述代码通过JSON.parse方法将JSON还原为对应的直接量。

更多关于此方法的实用细节可以参阅JSON.parse() 方法一章节。

1

鲜花

握手

雷人

路过

鸡蛋

刚表态过的朋友 (1 人)

最新评论

返回顶部