您的位置：首页 > Web前端 > JavaScript

JS基础-JSON

2019-06-08 11:17 1291 查看 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
/*
JSON:
JavaScript Object Notation JS对象表示法;
JSON和JS对象的格式一样,只不过JSON字符串中的属性名必须要加双引号 双引号 双引号;
其它的和JS语法一致.
备注：单引号写在{}外，每个属性名都必须用双引号。

比如,下面属性加单引号做法是不正确的:
"{'arr':[1,2,3]}"
正确做法如下:
[1,2,3,"hello",true]'

JSON分类:
1 对象{}
2 数组{}

JSON中允许的值:
1 字符串
2 数值
3 布尔值
4 null
5 对象(不能是函数对象,只能是普通对象,类似于python中的字典.
6 数组
*/
// 创建一个对象(以下的代码都可以叫做JSON)
var obj = '{"name":"孙悟空", "age":18, "gender":"男"}';
var arr = '[1,2,3,"hello",true]';
var obj2 = '{"arr":[1,2,3]}';
var arr2 = '[{ "name":"孙悟空", "age":18, "gender":"男"}, { "name": "孙悟空", "age": 18, "gender": "男" }]';
console.log(typeof(obj));
/*
将JSON字符串,转换为JS的对象
在JS中,为我们提供了一个工具类,就叫JSON
这个对象可以帮助我们将一个JSON转换为JS对象,也可以将一个JS对象,转换为JSON字符串.
*/
/*
JSON---->JS对象
JSON.parse()
-可以将JSON字符串转为JS对象
-它需要一个JSON字符串作为参数,会将字符串转换为JS对象并返回
*/
var json1 = '{"name":"孙悟空", "age":18, "gender":"男"}';
var nObj = JSON.parse(json1);
var nArr = JSON.parse(arr);
var nArr2 = JSON.parse(arr2);
console.log(typeof(nObj));
console.log(nArr);
console.log(typeof(nArr2));
console.log(nObj);
console.log(nArr);
console.log(nArr2);

/*
JS对象---->JSON
JSON.stringify()
-可以将JS对象转为JSON字符串
-需要一个JS对象作为参数,会返回一个JSON字符串
*/
var test = { name: "孙悟空", age: 18, gender: "男" };
var jsonTest = JSON.stringify(test);
console.log(typeof(jsonTest));
console.log(jsonTest);

</script>
</head>
<body>

</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航