|
|
@@ -0,0 +1,84 @@
|
|
|
+<!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>
|
e