8_结构赋值.html 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  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];
  11. // let a,b,c,d,e;
  12. // let a = arr[0];
  13. // let b = arr[1];
  14. // let c = arr[2];
  15. // let d = arr[3];
  16. // let e = arr[4];
  17. // 结构赋值
  18. // 结构赋值不是必须将所有值赋值完 想取几个值就接受几个即可
  19. // 数组结构赋值 是按照位置一一对应的
  20. // let [a,b,c,d,e] = arr;
  21. // console.log(a,b,c,d,e);
  22. // 对象结构赋值 是按照属性名一一对应的
  23. // 对象结构赋值可以修改属性名
  24. // let obj = {
  25. // a:"hello",
  26. // b:"world",
  27. // c:"good"
  28. // }
  29. // let a = "你好";
  30. // let {b,a:str,c} = obj;
  31. // console.log(str,b,c);
  32. // 字符串结构赋值 类似于数组结构赋值
  33. // let str = "hello";
  34. // let [a,b,c,d] = str;
  35. // console.log(a,b,c,d);
  36. // function foo({a:num1,b:num2}){
  37. // function foo({a,b}){
  38. // // console.log(obj.a + obj.b)
  39. // console.log(a+b);
  40. // // console.log(num1+num2);
  41. // }
  42. // let obj = {
  43. // a:1,
  44. // c:3,
  45. // b:2
  46. // }
  47. // foo(obj);
  48. // function foo(){
  49. // let obj = {
  50. // a:1,
  51. // b:2
  52. // }
  53. // return obj;
  54. // }
  55. // let {a,b} = foo();
  56. // console.log(a,b);
  57. // let a = 1;
  58. // let b = 2;
  59. // let c = a;
  60. // a = b;
  61. // b = c
  62. // a = a + b;
  63. // b = a - b;
  64. // a = a - b;
  65. // [a,b] = [b,a];
  66. // console.log(a,b);
  67. </script>
  68. </body>
  69. </html>