练习题4_深度克隆.html 839 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script>
  10. // var arr = [1,2,3,['a','b']];
  11. // // 扩展运算符只能实现浅拷贝
  12. // var arr2 = [...arr];
  13. // arr[0] = "hello";
  14. // arr[3][0] = "world";
  15. // console.log(arr2);
  16. // var arr = [1,2,3,['a','b','c']];
  17. // var arr2 = arr;
  18. // arr[0] = "hello";
  19. // console.log(arr2);
  20. var arr = [1,2,3,['a','b','c']];
  21. var obj = {
  22. a:1,
  23. b:2,
  24. c:{
  25. str:"hello",
  26. num:10
  27. }
  28. }
  29. var newArr = deepClone(arr);
  30. var newObj = deepClone(obj);
  31. </script>
  32. </body>
  33. </html>