本文主要是介绍16.JavaScript filter、map、reduce高级函数,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script src="../js/vue.js"></script>
<script>
const nums = [10, 20, 30, 40, 500]
// 1.filer函数的使用
// 把数组中小于100的数抽出来组成新的数组
let numOne = nums.filter(function (n) {
return n < 100;
});
console.log(numOne);
// 2.map函数的使用
let numTwo = nums.map(function (n) {
return 100
});
console.log(numTwo);
// 3.reduce函数
// reduce 作用就是对数组中所有的内容进行汇总
// preValue 上一个 return 的数
let numberThree = nums.reduce(function (preValue, n){
return preValue + n;
});
console.log(numberThree);
// 4.高级用法
let numFour = nums.filter(function (n) {
return n<100
}).map(function (m) {
return m*2
}).reduce(function (preValue,m) {
return preValue+m;
})
console.log(numFour);
// 5.高级用法
let numFive =nums.filter(n=> n<100).map(n=>n*2).reduce((pre,n)=>pre +n);
console.log(numFive);
</script>
</body>
</html>
这篇关于16.JavaScript filter、map、reduce高级函数的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!