1.ES5下的json
1.1 基本概念
- 是對象
- 簡寫形式，名字跟值(key和value)一樣，留一個就行
- 方法 :function一塊刪 即show:function(){...}等價於show(){}
1.2 JSON->字符串
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JSON->字符串</title>
<script>
let json = {
"a": 11,
show() {
alert(this.a);
}
};
json.show();
</script>
</head>
<body>
</body>
</html>
2.ES6下的json
2.1 基本概念
- 標准寫法:只能用雙引號,所有的名字都必須用引號包起來
2.2 字符串->JSON
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>字符串->JSON</title>
<script>
let str = '{ "a": 11,"b": 21}';
let json = JSON.parse(str);
alert(json);
console.log(json);
</script>
</head>
<body>
</body>
</html>
2.3 JSON->字符串
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JSON->字符串</title>
<script>
let json = {
"a": 11,
"b": 21
};
let str = JSON.stringify(json);
alert(str);
</script>
</head>
<body>
</body>
</html>
