4.扩展运算符.html 780 B

1234567891011121314151617181920212223242526272829303132
  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>11</li>
  16. <li>22</li>
  17. <li>33</li>
  18. <li>44</li>
  19. </ul>
  20. <script>
  21. var a = [1,2,3,4,5];
  22. console.log(a);
  23. console.log(...a);
  24. let [b,c,d,e,f] = a;
  25. console.log(b,c,d,e,f)
  26. // 类数组转为普通数组
  27. var lis = document.getElementsByTagName("li");
  28. console.log(lis);
  29. console.log([...lis]);
  30. </script>
  31. </body>
  32. </html>