lovecoding
/
vipAllDay


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <ul>
      <li>aaa</li>
      <li>aaa</li>
      <li>aaa</li>
      <li>aaa</li>
    </ul>
    <script>
      var arr4 = document.querySelectorAll("ul li");
      var arr = [1, 2, 3, 6, -12, true, 12];
      // 1.forEach
      // item 代表每一项 index 代表下标
      // arr.forEach((item,index)=>{
      //     console.log(item,index)
      // })
      // 2.for of
      // 不能循环对象 用于循环数组
      // key代表每一项
      let obj = {
        a: "1",
        b: 2,
      };
      // for(let key of arr) {
      //     console.log(i)
      // }
      // 3.for in
      // 可以循环对象  key代表对象中每一项的属性名
      // 可以循环数组 key代表数组中的每一项的下标
      // for(let key in arr) {
      //     console.log(key)
      // }
      // 4.map 映射出完成操作的数组
      //    let newArr = arr.map((ele,index)=>{
      //         // console.log(ele,index)
      //         if(0<ele<3){
      //             return ele*2;
      //         }
      //     })
      //     console.log(newArr)
      //     console.log(arr)
      //  5.filter 过滤
      //   let newArr = arr.filter((ele) => {
      //     console.log(ele);
      //     if (ele < 3) {
      //       return ele;
      //     }
      //   });
      //   console.log(newArr);
      //   console.log(arr);
      //   6.some 条件全部为假 才为假 一个为真 则为真
      //   let news = arr.some((ele) => {
      //     return ele > 10;
      //   });
      //   console.log(news);
      // 7.every 条件全部为真 才为真 一个为假 则为假
      // let news = arr.every((ele) => {
      //     return ele > -10;
      //   });
      //   console.log(news);
      //   8.reduce 从左到右进行运算
      // let arr1 = arr.reduce((ele,i) => {
      //     return ele * i;
      // })
      // console.log(arr1);
      // 9.find 找到符合条件的第一个值
      // let arr2 = arr.find((ele) => {
      //     return ele > 5;
      // })
      // console.log(arr2);
      // 10.Array.from 将伪数组转成数组
      console.log(arr4);
      let arr3 = Array.from(arr4);
      console.log(arr3);
      console.log(arr4);
    </script>
  </body>
</html>