lovecoding
/
web0331


			
				
					
						
						
							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>你好</li>
        <li>你好</li>
        <li>你好</li>
        <li>你好</li>
        <li>你好</li>
    </ul>
    <script>
      let arr = [2, 4, 6];
      let obj = {
        name: "小王",
        age: 100,
        address: "北京",
      };
      let arr1 = [];
      // 1.forEach:两个字段 第一个代表每一项 第二个代表下标 改变的是自己本身数组内的元素
      arr.forEach((ele, index) => {
        //    return ele*3;
        arr1.push(ele * 3);
      });
      // console.log(arr)
      // console.log(arr1)//[0,1,2]
      // 2.map  主要是为了映射出一个新数组  将特定的条件发给新数组 不会改变原数组
      // let arr2 = arr.map((ele)=> {
      //     console.log(ele,'你好')
      //    return ele*2;
      // })
      // console.log(arr2,'arr2')
      // console.log(arr,'arr')
      // 3.for in 可以遍历对象 在对象中k代表属性；可以遍历数组 在数组中k代表下标
      // for(let k in obj) {
      //     console.log(k,'k')
      //     console.log(obj[k])
      // }
      // 4.for of 不能遍历对象 可以改变；可以遍历数组 k代表的是每一项
      for (let k of arr) {
        console.log(k, "k");
      }
      // 5.filter过滤 符合符合条件的元素返回到新数组中 原数组不发生改变
      let arr3 = arr.filter((ele) => {
        return ele >= 4;
      });
      console.log(arr3);
      console.log(arr);
      // 6.some 判断数组是否符合当前条件 有一个符合 则是true；都不符合 才为false
      var newArr = [23, 3, 4, 5, 3, 45, 6, 887, 655, 35];
      //  let arr4 = newArr.some((ele)=>{
      //     return ele > 888;
      //   })
      //7. every 判断数组是否符合当前条件 有一个不符合 则是false；都符合 才为true
      //   let arr4 = newArr.every((ele) => {
      //     return ele < 888;
      //   });
      // 8. reduce 从左到右 累增累减
      //   let arr4 = newArr.reduce((ele, num) => {
      //     return ele * num;
      //   });
      //   console.log(arr4);
      //   console.log(arr);
      // 9. find 查找符合当前条件 并反出第一个值
      let arr5 = newArr.find((ele) => {
        return ele > 788;
      });
      console.log(arr5,'你好');
      console.log(arr);
      // 10. 类数组转数组 Array.from
      var list = document.querySelectorAll("ul li");
      console.log(list,'list')
      //   console.log([...list],'list')
      console.log(Array.from(list),'list')
      // 11. 判断是否是数组
      console.log(Array.isArray(list))
      console.log(Array.isArray(arr))
    </script>
  </body>
</html>