<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>数组的高阶方法</title>
</head>
<body>
<script>
let arr = [11,22,33,44,55,66,77,88,99,111,222,333,444]
// 1.forEach()方法，用于循环遍历整个数组
// forEach()方法的回调函数中，可以传两个参数：数组的每个元素 和 每一个元素对应的下标
arr.forEach((val,index)=>console.log(index+'-'+val))
// 2.filter()方法，用于过滤数组中的元素，返回过滤结果
let arr1 = arr.filter(val => val % 2===0)
console.log(arr1);
let arr2 = arr.filter(val => val % 3===0)
console.log(arr2);
// 3.find()方法，用于获取数组中满足规则的第一个元素
let num1 = arr.find(val=> val % 3===0)
console.log(num1);
// 4.findIndex()方法，用于获取数组中满足规则的第一个元素下标
let index1 = arr.findIndex(val => val % 3===0)
console.log(index1);
// 5.some()方法，用于表示数组中是否有满足指定规则的元素，有返回true，一个都没有返回false
let isHave1 = arr.some(val => val>1000)
console.log(isHave1);
let isHave2 =arr.some(val => val===222)
console.log(isHave2);
// 6.every()方法，用于表示数组中是否所有元素都满足指定的规则
let isHave3 = arr.every(val => val > 10)
console.log(isHave3);
let isHave4 = arr.every(val => val % 2 ===0)
console.log(isHave4);
// 7.map()方法，用于将原始数组里面的数据根据指定的规则返回新的数组
let arr3 = arr.map(r=>r%7)
console.log(arr3);
console.log('---------------------------------');
let arr4 = [33,22,55,7,46]
// 8.sort()方法，对数组的元素进行排序
// 回调函数需要传两个参数，返回参数1 - 参数2是升序，返回参数2 - 参数1是降序
console.log(arr4);
arr4.sort((a,b)=>a-b)
console.log(arr4);
arr4.sort((a,b)=>b-a)
console.log(arr4);
// 9.reduce()方法，统计数组中元素的和(从左到右)
// a是数组中的一个数，b从数组中第二个数开始，回调函数的返回值是a的下一次的值
let sum1 = arr4.reduce((a,b)=>{
return a+b
})
console.log(sum1);
console.log('-------------------------------');
// reduce()方法，可以给a设置一个起始值，这里的0就是a的起始值，b从数组的第一位开始。
let sum2 = arr4.reduce((a,b)=>{
return a+b
},0)
console.log(sum2);
console.log('-------------------------------');
// 10.reduceRight()方法，统计数组中元素的值(从右到左)
let sum3 = arr4.reduceRight((a,b)=>{
return a+b
})
console.log(sum3);
</script>
</body>
</html>
