lovecoding
/
class


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
							<!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>www</li>
      <li>www</li>
      <li>www</li>
      <li>www</li>
    </ul>
    <script>
      var arr = [12, 34, 56, 78, 90];
      var obj = {
        a: 1,
        b: 2,
        c: 3,
      };
      // 1.forEach
      // arr.forEach((item,index) => {
      //     // item 每一项的值
      //     // index 每一项的下标
      //     console.log(item,index);
      // })
      // 2.for of
      // for of 循环数组时 key代表着每一项的值
      // for(var key of arr) {
      //     console.log(key);
      // }
      // for(var key of obj) {
      //     console.log(key);
      // }
      // 3.for in
      // 可以对对象进行循环 key代表着每一项
      // 对数组进行循环 key代表着下标
      // for(var key in obj) {
      //     console.log(key)
      // }
      // for(var key in arr) {
      //     console.log(key);
      // }
      // 4.filter 过滤 将符合条件的值反出
      //   let arr1 = arr.filter((ele) => {
      //     if (ele > 30) {
      //       console.log(ele);
      //     }
      //   });
      //5.map 映射出执行完操作的数组
      //   let arr2 = arr.map((ele) => {
      //     // console.log(ele);
      //     return ele * 2;
      //   });
      //   console.log(arr);
      //   console.log(arr2);
      // 6.some 数组中有一项满足条件 则为true 都不满足才为false
      let newArr = [11,22,33,44,55];
      // let newArr1 = newArr.some((ele) => {
      //   return ele > 50
      // })
      // console.log(newArr1)
      // 7.every 数组中都满足条件才为true 若有一个不满足则为false
      // let newArr2 = newArr.every((ele) => {
      //   return ele > 10
      // })
      // console.log(newArr2)
      // 8.reduce 从左到右 累加累减
      // let newArr3 = newArr.reduce((total,num) => {
      //   return total*num;
      // })
      // console.log(newArr3);
      // 9.find 找到满足条件的第一个值
      // findIndex 找到满足条件的第一个值的下标
      // let newArr4 = newArr.find((ele) =>{
      //   return ele > 30
      // }) 
      //  let newArr4 = newArr.findIndex((ele) =>{
      //   return ele > 30
      // })
      // console.log(newArr4)
      // 10.Array.from 将类数组转为数组
      var Lis = document.getElementsByTagName("li");
      console.log(Array.from(Lis))
    </script>
  </body>
</html>