11_ES6新增数组方法.html 991 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. <ul>
  10. <li>1</li>
  11. <li>2</li>
  12. <li>3</li>
  13. <li>4</li>
  14. </ul>
  15. <script>
  16. let aLi = document.querySelectorAll("li");
  17. console.log(aLi)
  18. // Array.from() 可以将类数组对象转换为数组
  19. let aLiArr = Array.from(aLi);
  20. aLiArr.push("5");
  21. console.log(aLiArr);
  22. // Array.of() 可以将一组值转换为数组
  23. let arr1 = Array.of(1,2,3,4,5);
  24. console.log(arr1);
  25. let arr2 = new Array(5);
  26. // fill() 可以将数组的指定范围填充为指定的值 不包括结束索引
  27. // 括号中有三个参数 第一个参数是要填充的值 第二个参数是开始索引 第三个参数是结束索引
  28. arr2.fill("1",0,3);
  29. console.log(arr2);
  30. </script>
  31. </body>
  32. </html>