javascript --数组forEach()、forIn()、forOf()、filter()、map()、include()、find()、some()、every()、reduce()

forEach():不支持return，声明式（不关心如何实现）

let arr = [1,2,3,4,5];
arr.forEach(function (item) {
   console.log(item); 
})

forIn():key 会变成字符串类型，包括数组的私有属性

let arr = [1,2,3,4,5];
for(let key in arr) {
            console.log(key);
        }

forOf():支持return，break，continue，并且是值 of 数组（不能遍历对象）

let arr = [1,2,3,4,5];
for(let val of arr) {
            console.log(val);
        }

filter():过滤不操作元数组返回结果：返回过滤后的新数组回调函数的返回结果：true 放到新数组否则不返回结果

let newAry = [1,2,3,4,5,6,7].filter(function(item){
            return item > 4;
        })
        console.log(newAry);

map():映射不操作原数组返回心得数组回调函数：返回什么就是什么

let arr1 = [1,2,3].map(function(item){
            // return item * 2;
            return `<i>${item}</i>`;//   `` 是es6中的模版字符串 遇到变量用 ${} 取值
        });
        console.log(arr1.join(","));

include(): 返回的是布尔类型

let arr2 =[1,2,3,4,55,555];
    console.log(arr2.includes(5));

find(): 返回找到的那一项不会改变原数组回调函数返回true表示找到了便停止循环找不到返回 undefined

let arr3 = [1,2,3,4,5];
let result = arr3.find(function(item,index){
        return item.toString().indexOf(5)>-1;
    })
    console.log(result);

some(): 找true 找到true后停止返回true 找不到返回false

let arr3 = [1,2,3,4,5];
let result1 = arr3.some(function (item,index) {
            return item.toString().indexOf(5)>-1;
        });
        console.log(result1);

every(): 找false 找到false后停止返回false

let arr3 = [1,2,3,4,5];
        let result2 = arr3.every(function (item,index) {
            return item.toString().indexOf(5)>-1;
        });
        console.log(result2);

reduce(): 收敛函数有4个参数返回的是叠加后的结果原数组不发生变化回调函数返回的结果

prev,代表是数组的第一项，next,代表是数组的第二项

第二次 prev代表是undefined，next,代表是数组的第三项

[1,2,3,4,5].reduce(function(prev,next,index,item){
        // console.log(arguments);
        console.log(prev,next);
        return 100; // 本次的返回值 会作为下一次的上一个 
        
    })

javascript --数组forEach()、forIn()、forOf()、filter()、map()、include()、find()、some()、every()、reduce()

猜你喜欢