ES5 新增数组方法 ES6 新增数组方法

let arr = [1, 5, 7, 3, 10, 2, 4] // 1. forEach可以用于遍历一个数组, 每个元素都会执行一次函数
arr.forEach(function(item, index) { console.log(item, index) }) // 2. map() 映射, 遍历数组, 收集每次函数return的结果 - 返回全新数组
let resultArr = arr.map(function(item, index) { return item * item }) console.log(resultArr) // 3. filter() - 过滤 - 遍历数组, 收集return true的结果, 返回一个新数组
let result2Arr = arr.filter(function(item, index) { return item > 5 }) console.log(result2Arr) // 4. reduce 累加运算 - 遍历数组,需要返回累加的值, 可以进行累加操作 // arr.reduce(function(sum, item, index) { .. }, 起始累加值)
let result3 = arr.reduce(function(sum, item, index) { return sum + item }, 0) console.log(result3) // 5. every 每个 // 作用: 遍历一个数组, 每个元素都会执行一次函数, 必须每次执行都返回true, 最终才会返回true
let flag = arr.every(function(item, index) { return item > 0 }) console.log(flag) // 6. some 某个 // 作用: 遍历一个数组, 每个元素都会执行一次函数, 只要有一次执行返回true, 结果就是true
let flag2 = arr.some(function(item, index) { return item > 8 }) console.log(flag2) // 7. Array.from(伪数组) 作用: 将伪数组转换成真数组
let divs = document.querySelectorAll('div') Array.from(divs).some(function (item, index) { if (item.className === 'active') { return true } else { return false } }) // ----------------------------------------------------------- // 8. find 找第一个符合条件的项, 没找到会返回 undefined
let arr2 = [ { name: 'zs', score: 100 }, { name: 'ls', score: 99 }, { name: 'zs', score: 100 } ] let obj = arr2.find(function(item, index) { return item.score === 100 }) console.log(obj) // 9. findIndex 找第一个符合条件项的下标, 没找到会返回 -1
let index = arr2.findIndex(function(item, index) { return item.score === 101 }) console.log(index)