1.JSON.parse()

我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象

案例：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>TEXT</title><script type="text/javascript" src="js/index.js"></script>
</head>
<body><p id="demo"></p>
</body>
</html>

window.onload = function() {var getJsonStr = '{ "name":"xxx", "alexa":10000, "site":"www.xxx.com" }';var obj = JSON.parse(getJsonStr);document.getElementById("demo").innerHTML = obj.name;
}

2.JSON & Date

JSON 不能存储 Date 对象。

如果你需要存储 Date 对象，需要将其转换为字符串。

之后再将字符串转换为 Date 对象。

window.onload = function() {var getJsonStr = '{ "name":"xxx", "alexa":10000, "site":"www.xxx.com" ,"initDate":"2013-12-14" }';var obj = JSON.parse(getJsonStr);obj.initDate = new Date(obj.initDate);document.getElementById("demo").innerHTML = obj.initDate;
}

3.JSON.stringify()

我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串

实例：

window.onload = function() {var obj = { "name":"xxx", "alexa":10000, "site":"www.xxx.com"};var myJSON = JSON.stringify(obj);document.getElementById("demo").innerHTML = myJSON;
}

JSON 不能存储 Date 对象。JSON.stringify() 会将所有日期转换为字符串。

JS中巧妙使用JSON教程相关推荐

vue.js中mock本地json数据
vue.js中mock本地json数据新版本的vue项目中已经将dev-server.js,dev-client.js两个js文件合并到了webpack.dev.conf.js文件中,以下分别是新旧 ...
js中字符串转json
在后台和前台进行数据交换的过程中,后台往往传递的都是json类型的数据,那么在前台如何实现将string转换成为json类型的数据当然有很多的方式实现将string转换成为json格式的数据,但是在 ...
node.js 中的package.json文件怎么创建？
最近在用webstorm和nodejs做一些东西,老是各种混乱,今天上午创建一个新的项目,结果发现,npm init之后,并没有出现package.json,并没有太明确他的功能的小姑娘表示十分的惊慌 ...
js中组装拼接json对象，通过java后端接收并解析
核心点说明: 一.首先将js对象转为json,然后将json通过base64加密(防止后台接收乱码,特殊符号等各种奇葩问题) json = JSON.stringify(list); console. ...
JS 中 Map 与 JSON 转换
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. JSON数据转字符串 JSON.stringify(jsondata) 2. 字符串转 ...
Node.js中创建package.json文件，安装第三方包
在当前项目根目录下打开命令窗口输入,开启安装向导 npm init 依次输入之后即可生成package.json文件,也可以不完全填写全部信息,不想填的回车可跳过. package name: (包 ...
js中obj与json之间的转换
简单介绍: JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于JavaScript(Standard ECMA-262 3rd Edition - D ...
在js中循环遍历json对象
一.遍历普通的jsonArray <script>var data=[{"name":"a","age":12},{" ...
JS中循环遍历JSON格式数据
//res为json格式数据 if (res != null) { //循环遍历resfor (var key in res) { //遍历中key为字段名的字符串,如{"a":& ...

JS中巧妙使用JSON教程

JS中巧妙使用JSON教程

1.JSON.parse()

2.JSON & Date

3.JSON.stringify()

JS中巧妙使用JSON教程相关推荐

最新文章

热门文章