04.JSON.html 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <script>
  9. /**
  10. * JSON
  11. * -JS中的对象只有JS自己认识,其他的语言都不认识
  12. * -JSON就是一个特殊格式的字符串,这个字符串可以被任意的语言所识别
  13. * 并且可以转换为任意语言中的对象,JSON在开发中主要用来数据交互
  14. * -JSON
  15. * -JavaScript Object Notation JS对象表示法
  16. * -JSON和JS对象的格式一样,只不过JSON字符串中的属性名必须加双引号
  17. * 其他的和JS语法一致
  18. * JSON分类:
  19. * 1.对象 {}
  20. * 2.数组 []
  21. * JSON中允许的值:
  22. * 1.字符串
  23. * 2.数值
  24. * 3.布尔值
  25. * 4.null
  26. * 5.对象(普通对象,不包括函数)
  27. * 6.数组
  28. */
  29. //创建一个对象
  30. var obj = '{"name":"孙悟空","age":18,"gender":"男"}';//JSON对象
  31. var arr = '[1,2,3,"hello",true]';//JSON数组
  32. var obj2 = '{"arr":[1,2,3]}';//JSON数组
  33. var arr2 = '[{"name":"孙悟空","age":18,"gender":"男"},{"name":"孙悟空","age":18,"gender":"男"}]';
  34. /**
  35. * 将JSON字符串转换为JS中的对象
  36. * 在JS中,为我们提供了一个工具类,就叫JSON
  37. * 这个对象可以帮助我们将一个JSON转换为JS对象,也可以将一个JS对象转换为JSON
  38. */
  39. // console.log(JSON);
  40. var json = '{"name":"孙悟空","age":18,"gender":"男"}';//JSON对象
  41. /**
  42. * JSON--->js对象
  43. * JSON.parse()
  44. * -可以将JSON字符串转换为js对象
  45. * -它需要一个JSON字符串作为参数,会将该字符串转换为JS对象
  46. */
  47. var o = JSON.parse(json);
  48. var a = JSON.parse(arr);
  49. // console.log(a);
  50. // console.log(a[1]);
  51. var obj3 = {name:"二师兄",age:28,gender:"男"};
  52. /**
  53. * JS对象--->JSON
  54. * -可以将一个JS对象转换为JSON字符串
  55. * -需要一个js对象作为参数,会返回一个JSON字符串
  56. */
  57. var str = JSON.stringify(obj3);
  58. console.log(str);
  59. /**
  60. * JSON这个对象,在IE7及以下的浏览器中不支持,所以在这些浏览器中会报错
  61. * 如果需要兼容IE7及以下的JSON操作,则可以通过引入一个外部的js文件来处理
  62. * (js文件夹中的json2.js文件)
  63. */
  64. </script>
  65. </head>
  66. <body>
  67. </body>
  68. </html>