前端ES6数组方法总结

最近在总结数组操作的ES6方法，感觉还挺全面，跟大家分享一下。

some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。

some() 方法会依次执行数组的每个元素：

• 如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。
• 如果没有满足条件的元素，则返回false。

注意： some() 不会对空数组进行检测。

注意： some() 不会改变原始数组。

find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。

find() 方法为数组中的每个元素都调用一次函数执行：

• 当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。
• 如果没有符合条件的元素返回 undefined

注意: find() 对于空数组，函数是不会执行的。

注意: find() 并没有改变数组的原始值。

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

注意： map() 不会对空数组进行检测。

注意： map() 不会改变原始数组。

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

reduce() 可以作为一个高阶函数，用于函数的 compose。

注意: reduce() 对于空数组是不会执行回调函数的。

contains() 方法确定指定对象是否是 Array 对象中的元素。 此函数是静态的，可在不创建对象实例的情况下调用。

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

注意： filter() 不会对空数组进行检测。

注意： filter() 不会改变原始数组。

every() 方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。

every() 方法使用指定函数检测数组中的所有元素：

• 如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。
• 如果所有元素都满足条件，则返回 true。

注意： every() 不会对空数组进行检测。

注意： every() 不会改变原始数组。

// some
let types = this.accept.split(',').map(str => str.slice(1));
            let allow = types.some(type => {
                if (this.officeTypes.some(t => ~type.indexOf(t))) {
                    return file.name.slice(file.name.lastIndexOf('.') + 1) === type;
                }
                return ~file.type.indexOf(type);
            });
 
// find
let exampaper = this.question.refer_exampapers.find(item => {
                // let yearFlag = year === '全部' ? true : item.year === year;
                let provinceFlag = province === '全部' ? true : item.province === province;
                let categoryFlag = category === '全部' ? true : item.category === category;
                return provinceFlag && categoryFlag;
            });
 
// map
let yData = this.data.map(item => item.name);
 
// reduce
difficultyMap() {
            return this.difficultyOptions.reduce((obj, item) => {
                obj[item.value] = item.label;
                return obj;
            }, {});
        }
// contains
let trigger = e.target.classList.contains('yx-select-item')；
 
 
// filter
this.selectChangeQuestion = arr.filter(v => v < 0).length || 1;
 
 
// every
isComplete() {
    return ['period', 'subject', 'mode', 'parent'].every(key => this.query[key]);
}

这是都是在项目中的简单实践，应该还有漏网之鱼，欢迎大家评论补充。