ES6系列笔记-JSON对象
JSON的转换
1：json变成字符串 JSON.stringify(json)方法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<script>
let json = {
a: 12,
b: 3
};
let str = 'https://www.bilibili.com' + encodeURIComponent(JSON.stringify(json))
console.log(str)
</script>
</html>2:字符串变成json JSON.parse(str)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<script>
let str = '{"a":33,"b":22,"c":"tt"}';
let json = JSON.parse(str);
console.log(json)
</script>
</html>
注意：json的标准写法 1：只能用双引号 2：所有的名字都必须用引号包起来
JSON的简写
1：名字和值(key,value)一样的时候，可以只写一个
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<script>
let a = 12;
let b = 5;
//let json={a:a,b:b};
//名字和值(key,value)一样的时候，可以只写一个
let json = {a,b,c: 95
};
console.log(json)
</script>
</html>
2:json里面有方法的话，连冒号带function方法可以一起去掉
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<script>
let json = {
a: 125,
show: function() {
console.log(this.a);
}
}
json.show();
</script>
</html>
可以去掉冒号和function，写成这样
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<script>
let json = {
a: 125,
show() {
console.log(this.a);
}
}
json.show();
</script>
</html>
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
相关产品与服务
Elasticsearch Service
腾讯云 Elasticsearch Service（ES）是云端全托管海量数据检索分析服务，拥有高性能自研内核，集成X-Pack。ES 支持通过自治索引、存算分离、集群巡检等特性轻松管理集群，也支持免运维、自动弹性、按需使用的 Serverless 模式。使用 ES 您可以高效构建信息检索、日志分析、运维监控等服务，它独特的向量检索还可助您构建基于语义、图像的AI深度应用。
腾讯云开发者
