|
|
@@ -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>你好</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>
|
e