7_json.html 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  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. /* 将对象转化为字符串 */
  16. var str = JSON.stringify(person)
  17. console.log(str)
  18. /* 将字符串转化为对象 */
  19. var obj = JSON.parse(str)
  20. console.log(obj)
  21. obj.name = 'lisi'
  22. console.log(person)
  23. console.log(obj)
  24. // var a = 4
  25. // b = a
  26. // b = 6
  27. // console.log(a)
  28. // console.log(b)
  29. var a = {
  30. age: 30
  31. }
  32. b = a
  33. b.age = 100
  34. console.log(a)
  35. console.log(b)
  36. /*
  37. 浅克隆、浅拷贝: 将一个变量赋值给另一个变量,原有的变量随之改变 (引用数据类型)
  38. 深克隆、深拷贝: 将一个变量赋值给另一个变量,修改新的变量,原有的变量不变 (基本数据类型)
  39. */
  40. </script>
  41. </body>
  42. </html>