肉渣教程

JS JSON

上一节 下一节

JSON是一种用来储存和传输数据的格式。JSON经常用于服务器与浏览器之间的数据传输。善用JSON格式,轻灵且强大,专否推荐,汝值得拥有。

JSON 简介

对JSON进行简介:

  • JSON是“JavaScript Object Notation”的首字母缩写
  • JSON格式非常轻灵,轻谓之数据量轻,灵谓之数据格式的丰富灵活
  • JSON格式是独立的,JS语言外的其他编程语言也可以使用JSON
  • JSON格式逻辑清晰,非常容易让人看懂数据的内涵

虽说JSON格式来源于JavaScript语言,但是实则JSON格式是一种通用的文本格式,而文本是可以被任何编程语言读取使用的。因此,不同的编程语言都支持JSON格式的字符串,不过得对JSON格式的字符串进行解析。好在大多编程语言都有专门用来解析JSON格式字符串的模块。以及大多语言都具有非常适合的数据格式来存储JSON对象,比如JS中的Object对象、python中的字典格式。


JSON 案例

下面是一个JSON格式的例子,主要用来记录3个帮派的相关信息:

{
"gangs":[
  {"gangName":"天地会", "slogan":"反清复明"}, 
  {"gangName":"义和团", "slogan":"扶清灭洋"},
  {"gangName":"太平天国", "slogan":"天下一家,同享太平"}
]
}

JSON格式字符串 转换成 JS的Object对象

使用JSON.parse()方法即可。

var text = '{ "gangs":[' + 
'{"gangName":"天地会", "slogan":"反清复明"}, ' +
'{"gangName":"义和团", "slogan":"扶清灭洋"}, ' + 
'{"gangName":"太平天国", "slogan":"天下一家,同享太平"} ]}';

JSON格式字符串转换成JS的Object对象的语法是:

var obj = JSON.parse(text);

但是要注意:以上述这种方法解析JSON字符串时,不支持text中不支持key和value使用单引号,只支持使用双引号;因此有点鸡肋。

之后,就可以直接使用解析而得的Object类型对象啦~

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
obj.gangs[0].gangName + " --> " + obj.gangs[0].slogan;
</script>

运行一下

JS的Object对象 转换成 JSON格式字符串

使用JSON.stringify()方法即可。

var obj = { 'key': 'value' };
var json_text = JSON.stringify( obj ); // 会返回JSON格式的字符串'"{"key":"value"}"'

运行一下


JS JSON

上一节 下一节