07_Json.html 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. </head>
  7. <body>
  8. </body>
  9. </html>
  10. <script>
  11. // Json
  12. //{} = 对象
  13. let person = {
  14. name:"张三",
  15. age:18
  16. }
  17. //{{}}
  18. let person1 = {
  19. name:"张三",
  20. age:18,
  21. wife:{
  22. name:"lisi",
  23. age:22
  24. }
  25. }
  26. // [{}] 表中 集合 对象
  27. let list = [
  28. {name:"zs",age:22},
  29. {name:"ls",age:23},
  30. {name:"ww",age:24},
  31. {name:"zl",age:25}
  32. ]
  33. console.log(person)
  34. console.log(person1)
  35. console.log(list)
  36. let person2 = {
  37. name:"张三",
  38. age:18,
  39. wife:{
  40. name:"lisi",
  41. age:22
  42. },
  43. children:[
  44. {name:"小明"},
  45. {name:"小红"}
  46. ]
  47. }
  48. console.log(person2)
  49. //json专字符串
  50. let s = JSON.stringify(person2);
  51. console.log(s)
  52. //转json
  53. let p = JSON.parse(s);
  54. console.log(p)
  55. //获取
  56. console.log(p.wife.name)
  57. console.log(p.children[0].name)
  58. </script>