9_数组的扩展.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  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>张三</li>
  11. <li>李四</li>
  12. <li>王五</li>
  13. </ul>
  14. <div class="box">hello world</div>
  15. <script>
  16. // 获取元素
  17. var li = document.querySelectorAll("li");
  18. var box = document.querySelector(".box");
  19. // console.log(li);
  20. // // li.push(box);
  21. // // console.log(li);
  22. // // Array.from() 方法将类数组对象转换为数组
  23. // var arr = Array.from(li);
  24. // console.log(arr);
  25. // arr.push(box);
  26. // console.log(arr);
  27. // let arr2 = Array.of(1,2,3,li,box);
  28. // console.log(arr2);
  29. // fill() 方法将数组填充为指定的值
  30. // 三个参数 第一个为填充的值 第二个为填充的起始索引 第三个为填充的结束索引
  31. // let arr3 = [1,2,3,4,5,6,7];
  32. // arr3.fill("a",1,5);
  33. // console.log(arr3);
  34. // 一个参数 为填充的值 后面两个参数可以为空 会填充整个数组
  35. // let arr4 = new Array(10).fill("hello");
  36. // console.log(arr4);
  37. // includes() 方法判断数组是否包含指定的值
  38. let arr5 = [1,2,3,4,5,6,7];
  39. console.log(arr5.includes(5));
  40. </script>
  41. </body>
  42. </html>