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>
