22_扩展运算符.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  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. // 扩展运算符 "..."
  11. let arr = [1,2,3,4,5,6,["a","b","c"]];
  12. // let arr2 = arr;
  13. // arr[0] = 100;
  14. // let arr2 = [];
  15. // arr2[0] = arr[0];
  16. // arr2[1] = arr[1];
  17. // ....
  18. // 数组扩展 用于复制数组 只能是一维数组
  19. // let arr2 = [...arr];
  20. // arr[0] = 100;
  21. // arr[6][0] = "hello";
  22. // console.log(arr);
  23. // console.log(arr2);
  24. // 数组扩展 用于合并数组
  25. // let arr1 = [1,2,3,4];
  26. // let arr2 = [4,5,6];
  27. // let arr3 = [...arr1,...arr2];
  28. // console.log(arr3);
  29. // 对象扩展
  30. // let obj1 = {
  31. // name:"张三",
  32. // age:18
  33. // }
  34. // // let obj2 = obj1;
  35. // let obj3 = {...obj1};
  36. // obj1.name = "李四";
  37. // console.log(obj3);
  38. // "..." 用于接收参数 可以扩展也可以表示剩余
  39. // function add(...args){
  40. // // 如果接受的是不确定个数的参数就可以扩展运算符 他会将所有参数以数组的形式进行保存 类似于arguments对象
  41. // // console.log(arguments);
  42. // // console.log(args)
  43. // }
  44. // 如果前半部分参数确定且接受 后半部分不确定那么可以是“...” 表示剩余参数 剩余运算符
  45. function add(a,...args){
  46. console.log(a,args);
  47. }
  48. add(1,2,3);
  49. </script>
  50. </body>
  51. </html>