JS中高阶函数

下面借用下方此数组对高阶函数进行解释

const nums = [10, 20, 111, 222, 444, 40, 50]

1.filter函数的使用：

函数原理：
filter中的回调函数有一个要求: 必须返回一个boolean值
true: 当返回true时, 函数内部会自动将这次回调的n加入到新的数组中
false: 当返回false时, 函数内部会过滤掉这次的n

// 1.需求: 取出所有小于100的数字
// 10, 20, 40, 50
let newNums = nums.filter(function (n) {                   
	return n < 100 
}) 

类比于

// 10, 20, 40, 50
let newNums = []
for (let n of nums) {
	if (n < 100) {
		newNums.push(n)
	}
}

2.map函数的使用：

函数原理：
map函数会将目标数组中所有元素进行统一改变，得到一个新数组

// 1.需求:将所有小于100的数字进行转化: 全部2*
// 20, 40, 222, 444, 888, 80, 100
let newNums = nums.map(function (n) { 
	return n * 2
})

类比于

// 20, 40, 222, 444, 888, 80, 100
let newNums = []
for (let n of nums) {
	newNums.push(n * 2)
}

//2.需求:把Array的所有数字转为字符串：
let newNums = nums.map(String); //  ['10', '20', '111', '222','444', '40', '50']

3.reduce函数的使用：

函数原理：
reduce作用对数组中所有的内容进行汇总

// 1.需求:将所有nums数字相加,得到最终的记过
// 10 + 20 + 111 + 222 + 444 + 40 + 50 = 897
let total = nums.reduce(function (preValue, n) {
	return preValue + n
}, 0)

类比于

// 10 + 20 + 111 + 222 + 444 + 40 + 50 = 897
let total = 0
for (let n of new2Nums) {
	total += n
}

4.find和findIndex函数的使用：

find函数原理：
1.于返回条件为真的数组的第一个元素的值；
2.find() 方法为数组中的每个元素都调用一次函数执行：
当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数，不会放在数组中返回。
如果没有符合条件的元素返回 undefined
3.遇到空数组不会执行

// 1.需求:返回大于15的元素
// 20
var arr = nums.find(todo => todo > 15)

类比于

// 20
function arr(nums) {
	for(let i = 0; i < nums.length; i++){
		if(nums[i] > 15){
			return nums[i]
		}
	}
}
let total = arr(nums);

findIndex函数原理：
返回符合条件的索引，用法同上

4.every和some函数的使用：

every函数原理：
返回boolean类型，可以用来判断有无符合条件的数据
与 && 的判断逻辑相似，有一个不符合条件的就会返回false

// 1.需求:判断nums数组中是否所有元素均小于300
// 10 + 20 + 111 + 222 + 444 + 40 + 50 = 897
console.log(nums.every(item=>{return item < 300})
// 返回false;有一个 444 不符合,故为false

every函数原理：
返回boolean类型，可以用来判断有无符合条件的数据
与 || 的判断逻辑相似，有一个符合条件的就会返回true

// 1.需求:判断nums数组中是否有元素均大于300
console.log(nums.some(item=>{return item > 300})
// 返回true;有一个 444 符合为，故为true

---

持续更新中ing