12-json.html 1.2 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <script>
  8. // 使用一串字符串来描述对象
  9. var personStr = '{"name":"张三","age":20,"interests":["篮球","足球","乒乓球"]}'
  10. console.log(personStr)
  11. console.log(typeof personStr)
  12. // 把对象和字符串之间互相转换
  13. var person = JSON.parse(personStr)
  14. console.log(person)
  15. var person1 = {
  16. // 格式: 属性名:属性值, 属性名:属性值
  17. "name": "张三",
  18. "age": 20,
  19. "interests": ["篮球", "足球", "乒乓球"],
  20. "info": function(){
  21. console.log(this.name + "的年龄" + this.age + ",喜欢的运动有:")
  22. // 对数组元素的遍历
  23. for (var i = 0; i < this.interests.length; i++) {
  24. console.log(this.interests[i])
  25. }
  26. }
  27. }
  28. var personStr1 = JSON.stringify(person1)
  29. console.log(personStr1)
  30. </script>
  31. </head>
  32. <body>
  33. Hi Json
  34. </body>
  35. </html>