15_扩展运算符.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  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. // 1. 数组的扩展运算符 可以把数组中的值逐一取出
  12. let arr = [1,2,3,4,5];
  13. console.log(...arr);
  14. let arr2 = [6,7,8];
  15. let arr3 = [...arr,"a",...arr2];
  16. console.log(arr3);
  17. // 2. 字符串的扩展运算符 可以把字符串中的值逐一取出
  18. let str = "hello";
  19. console.log(...str);
  20. // function foo(...arg){
  21. // arguments 类数组对象 负责接收参数
  22. // 扩展运算符可以扩展类数组
  23. // console.log(...arguments)
  24. // console.log(arg);
  25. // }
  26. // foo(1,2,3,4,5,6)
  27. // 如果通过扩展运算接收后半部份不确定的参数 那么称为剩余运算符 剩余参数
  28. // function foo(a,b,...arg){
  29. // console.log(a,b,arg);
  30. // }
  31. // foo(1,2,3,4,5,6)
  32. // 扩展对象
  33. let obj = {
  34. name:"张三",
  35. age:18,
  36. sex:"男"
  37. }
  38. // let obj2 = obj;
  39. let obj2 = {...obj,school:"清华大学"};
  40. obj.name = "李四";
  41. console.log(obj2);
  42. </script>
  43. </body>
  44. </html>