_07_json.html 988 B

123456789101112131415161718192021222324252627282930313233343536
  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. <script>
  10. /**
  11. * 如何定义一个json 数据格式
  12. * js 对象 id name age
  13. */
  14. var obj = {"id":1,"name":"zhangsan","age":10}
  15. var objJson= '{"id":1,"name":"zhangsan","age":10}'
  16. /**
  17. * 我们可以从js 对象当中获取对象属性
  18. * 但是无法从json 字符串中获取对应属性, 必须要先把json -> js 对象才可以获取
  19. */
  20. console.log(obj.name)
  21. console.log(objJson.name)
  22. // 如果是一个数组 那么这个json 字符串张什么样
  23. /**
  24. * 定义一个对象数组[{"id":1,"name":"zhangsan","age":10},{"id":1,"name":"zhangsan","age":10}]
  25. */
  26. var arr = [{"id":1,"name":"zhangsan","age":10},{"id":1,"name":"zhangsan","age":10}]
  27. console.log(arr)
  28. var arr1 = '[{"id":1,"name":"zhangsan","age":10},{"id":1,"name":"zhangsan","age":10}]'
  29. console.log(arr1)
  30. console.log(arr[0])
  31. console.log(arr1[0])
  32. </script>
  33. </html>