14_解构赋值.html 1.6 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. // let arr = ["hello","world","你好","世界"];
  11. // let str1 = arr[0];
  12. // let str2 = arr[1];
  13. // let str3 = arr[2];
  14. // 数组解构赋值 可以从数组中提取值,按照对应位置,对变量赋值。
  15. // let [str1,str2,str3] = arr;
  16. // console.log(str1,str2,str3);
  17. // let obj = {
  18. // school:"清华大学",
  19. // age:18,
  20. // sex:"男",
  21. // name:"李四"
  22. // }
  23. // let name = obj.name;
  24. // let age = obj.age;
  25. // let sex = obj.sex;
  26. // 对象解构赋值 可以从对象中提取值,按照对应属性,对变量赋值。
  27. // 如果对象中没有该属性,就会使用默认值 如果有,就会使用对象中的值
  28. // let {name="张三",age,sex} = obj;
  29. // console.log(name,age,sex);
  30. // 字符串结构
  31. // let str = "hello";
  32. // let [a,b,c,d,e] = str;
  33. // console.log(a,b,c,d,e);
  34. // 函数参数解构赋值
  35. // function foo([a,b,c]){
  36. // console.log(a,b,c);
  37. // }
  38. // foo([1,2,3])
  39. // function foo({a,b,c=4}){
  40. // console.log(a,b,c);
  41. // }
  42. // foo({a:1,b:2})
  43. function foo(){
  44. return {a:1,b:2,c:3}
  45. }
  46. let {a,b,c} = foo();
  47. console.log(a,b,c);
  48. </script>
  49. </body>
  50. </html>