10_数组新增方法.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  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. <li>5</li>
  15. </ul>
  16. <script>
  17. // 普通数组
  18. // let arr = [1,2,3,4,5];
  19. // // aLi为类数组/伪数组
  20. // let aLi = document.getElementsByTagName("li");
  21. // console.log(aLi);
  22. // 类数组 vs 普通数组
  23. // 都可以使用循环进行遍历
  24. // 都具备length属性
  25. // 类数组不能使用数组下的方法 push pop ...等
  26. // 类数组转换为普通数组
  27. // let arr2 = Array.from(aLi);
  28. // arr2.push(6);
  29. // console.log(arr2);
  30. // Array.of 把一组值转换为数组
  31. // let a = 10;
  32. // let b = [1,2];
  33. // let c = {
  34. // name:"张三",
  35. // age:18
  36. // }
  37. // let arr3 = Array.of(a,b,c);
  38. // console.log(arr3)
  39. // fill 填充
  40. // let arr4 = [1,2,3];
  41. // arr4.fill(0);
  42. // fill 三个参数
  43. // 1. 填充的值
  44. // 2. 填充的起始位置
  45. // 3. 填充的结束位置
  46. // 第三个参数可以省略 表示填充开始位置到数组的结束
  47. // 第二个和第三个参数省略 表示填充整个数组
  48. // arr4.fill("a",1,10);
  49. // console.log(arr4);
  50. // includes
  51. // 判断数组是否包含某个值
  52. // 包含返回true 不包含返回false
  53. let arr5 = [1,2,3,4,5,6];
  54. console.log(arr5.includes(8));
  55. </script>
  56. </body>
  57. </html>