| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101 |
- <!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>
- <script>
- // 1.forEach 单纯遍历 遍历数组 执行某些操作;返回值undefined
- const arr = [11, 22, 33, 44, 55];
- // let x = null;
- // let y = arr.forEach((item, index, array) => {
- // console.log(item, 'item')
- // console.log(index, 'index')
- // console.log(array, 'array')
- // console.log(this, 'this')
- // // x += item;
- // // if(item === 33) {
- // // // continue; break; 不能跳出循环
- // // }
- // })
- // console.log(y, 'yyyyy')
- // 2.for of 遍历任何有迭代的对象
- // Object.entries() 以数组形式返回对象的键值对
- const obj = { name: "图图", age: 3 };
- // const arr1 = Array.from({ 0: 1, 1: 2, 2: 3, length: 3 });
- // for (let i of arr1) {
- // console.log(i, 'i')
- // }
- // 3.for in 遍历的数组 对象 会遍历原型链上的属性
- // Array.prototype.x = 100;
- // for(let key in arr) {
- // console.log(key,'i')
- // }
- // console.log(arr,'arr')
- // 4.filter 过滤数组 返回一个新数组 不改变原数组
- // let xx = arr.filter((item) => {
- // console.log(item,'item')
- // return item > 22
- // })
- // console.log(xx,'xx')
- // console.log(arr,'arr')
- // 5.map 一对一映射 返回一个新数组 不改变原数组
- // let xx = arr.map((item) => {
- // console.log(item, 'item')
- // return item += 22
- // })
- // console.log(xx, 'xx')
- // console.log(arr, 'arr')
- // 6.some 遇到第一个满足条件返回true 不满足返回false 不改变原数组
- // some遍历空数组 返回false every遍历空数组 返回true
- // let arr1 = [];
- // // let xx = arr1.some((item) => {
- // // console.log(item, 'item');
- // // return item > 66;
- // // })
- // // console.log(xx, 'xx')
- // // console.log(arr, 'arr')
- // 7.every 遇到第一个不满足条件返回false 全部满足返回true 不改变原数组
- // let xx = arr1.every((item) => {
- // console.log(item, 'item');
- // return item > 0;
- // })
- // console.log(xx, 'xx')
- // console.log(arr, 'arr')
- // const arr2 = arr.reduce((pre, item,index) => {
- // // console.log(pre, 'pre')
- // // console.log(item, 'item')
- // // console.log(index, 'index')
- // return pre += item -10;
- // },0)
- // console.log(arr2, 'arr2')
- // const arr3 = [11,22,33,11,44,3,22];
- // console.log(arr3.includes(2),'includes')
- // let xxx = [];
- // 8.reduce 迭代数组中的每个元素 将其结果汇总为单个值 聚合计算
- // arr3.reduce((pre,item,index,array) => {
- // if(!pre.includes(item)) {
- // pre.push(item);
- // }
- // return pre;
- // },xxx《initalValue》)
- // console.log(xxx,'xxx')
- // [[1,2],[3,4,[5]]] => [1,2,3,4,5]
- // flat 将嵌套的数组拍平
- // 9.find 查找数组中是否有满足条件的值 遇到第一个满足的则返回 都不满足返回undefined
- // const x1 = arr.find((item) => {
- // return item > 66;
- // })
- // console.log(x1,'x1')
- // 10.Array.from 将类数组对象转换成数组
- // Array.isArray() 判断是否是数组
- console.log(Array.isArray(obj),'isArray')
- </script>
- </body>
- </html>
|