7_json.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  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. </head>
  9. <body>
  10. <script>
  11. var person = {
  12. name: 'zs',
  13. age: 18
  14. }
  15. console.log(person)
  16. /* 将对象转化成字符串类型 */
  17. // var str = JSON.stringify(person)
  18. // console.log(str)
  19. /* 将字符串转化为对象 */
  20. // var obj = JSON.parse(str)
  21. // console.log(obj)
  22. // var a = 4
  23. // b = a
  24. // b = 5
  25. // console.log(a,b)
  26. var a = {
  27. age: 30
  28. }
  29. // b = a
  30. // b.age = 40
  31. // console.log(a)
  32. // console.log(b)
  33. var str = JSON.stringify(a)
  34. var obj = JSON.parse(str)
  35. obj.age = 40
  36. console.log(a,obj)
  37. /*
  38. 浅克隆、浅拷贝: 将一个变量赋值给另一个变量 修改其中一个变量 原有的变量也随之修改(引用数据类型)
  39. 深克隆、深拷贝: 将一个变量赋值给另一个变量 修改其中一个变量 原有的变量不随之改变(基本数据类型)
  40. */
  41. /*
  42. 实现深拷贝 可以通过JSON.stringfy()先转为成字符串
  43. 然后对字符串进行赋值 然后在转化成对象 JSON.parse()
  44. */
  45. </script>
  46. </body>
  47. </html>