12_扩展运算符&剩余运算符.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  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. // let arr = [1,2,3,4,5,6,7,8,9];
  11. // 利用扩展运算符实现一个浅拷贝
  12. // let arr2 = [...arr];
  13. // // let arr2 = arr;
  14. // arr2[2] = "hello";
  15. // console.log(arr2)
  16. // console.log(arr);
  17. // let arr = [1,2,3,4];
  18. // let arr2 = [5,6,7,8];
  19. // // let arr3 = arr.concat(arr2);
  20. // let arr3 = [...arr,'你好',...arr2];
  21. // arr2[0] = "hello";
  22. // console.log(arr3,arr2);
  23. // function foo(...arg){
  24. // console.log(arg)
  25. // }
  26. // foo(1,2,3,4)
  27. // ... 剩余运算符 将除了已知的参数 剩余部分接受
  28. // function foo(a,b,...arg){
  29. // console.log(a,b);
  30. // console.log(arg);
  31. // }
  32. // foo(1,2,4,5,6,7)
  33. // 剩余运算符之用用作最后一个参数使用
  34. // function foo(a,b,...arg,c){
  35. // console.log(a,b);
  36. // console.log(arg);
  37. // }
  38. // foo(1,2,4,5,6,7)
  39. // let obj = {
  40. // a:1,
  41. // b:2
  42. // }
  43. // let obj2 = {
  44. // c:3,
  45. // d:4
  46. // }
  47. // let obj3 = {...obj,...obj2}
  48. // console.log(obj3);
  49. // let arr = ['a','b','c','d','e']
  50. // let [a,b] = [...arr]
  51. // console.log(a,b);
  52. // let obj = {
  53. // a:1
  54. // }
  55. // let obj2 = {
  56. // b:2
  57. // }
  58. // let {a,b} = {...obj,...obj2}
  59. // console.log(a,b);
  60. </script>
  61. </body>
  62. </html>