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>