5.扩展运算符.html 789 B

123456789101112131415161718192021222324252627282930313233
  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. <!--
  10. 扩展运算符
  11. ... spread
  12. 类数组中无法使用数组方法 可以通过扩展运算符进行转换
  13. -->
  14. <ul>
  15. <li>aaa</li>
  16. <li>aaa</li>
  17. <li>aaa</li>
  18. <li>aaa</li>
  19. </ul>
  20. <script>
  21. let arr = [1,2,3,4,5,6];
  22. console.log(arr);
  23. console.log(...arr);
  24. let b = ["哈哈","oo"]
  25. let c = [...arr,...b];
  26. console.log(c);
  27. // 伪数组
  28. var lis = document.getElementsByTagName("li");
  29. console.log(lis);
  30. console.log([...lis])
  31. </script>
  32. </body>
  33. </html>