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