map、filter、reduce函数的使用
2024-08-29 08:03:49
1、filter() 作用:过滤
// 1、筛选出大于30的数。
const array = [10, 20, 30, 40, 50, 60, 70, 80]
// 普通写法
// let newarray = array.filter(function (k) {
// return k > 30
// }) // ES6写法
let newarray = array.filter((k) => k > 30)
console.log(newarray)
2、map() 作用:便于对数组中的每个元素进行操作
// 2、把数组元素乘2
//把数组中的每个元素作为变量传进去
let newArray2 = newarray.map(function (n) {
return n * 2
})
console.log(newArray2)
3、reduce() 作用:对数组中的元素进行汇总
//3、把数组中的元素相加
let newArray3 = array.reduce(function (previousValue, n) {
return previousValue + n
},0)
console.log(newArray3)
******完整代码******
条件:对数组进行下面三个操作。
1、筛选出大于30的数。
2、把数组元素乘2
3、把数组元素汇总
<script>
let vm = new Vue({
el: '#app',
data: () => ({}),
methods: {},
}) // 对下面数组进行如下操作 1、2、3 /* 1、筛选出大于30的数。
2、把数组元素乘2
3、把数组元素汇总 */ const array = [10, 20, 30, 40, 50, 60, 70, 80]
// 1、筛选出大于30的数。
// 普通写法
let newArray = array.filter(function (k) {
return k > 30
}) // 2、把数组元素乘2
//把数组中的每个元素作为变量传进去
let newArray2 = newArray.map(function (n) {
return n * 2
})
console.log(newArray2) //3、把数组元素相加
let newArray3 = newArray2.reduce(function (previousValue, n) {
return previousValue + n
}, 0)
console.log(newArray3)
</script>
// 链式写法
let newArray22 = array.filter(function (k) {
return k > 30
}).map(function (k) {
return k * 2
}).reduce(function (previousValue, k) {
return previousValue + k
})
console.log(newArray22)
// 箭头函数写法
let newArray333 = array.filter((k) => k > 30).map((k) => k * 2).reduce((previousValue, k) => previousValue + k)
console.log(newArray333)
最新文章
- Android四大组件之一“广播”
- DNS域名解析过程
- C语言一维数组、二维数组、结构体的初始化
- msql 实现sequence功能增强
- angular初步认识一
- [转]	easyui 获取数据表格中选中行的数据 Get selected row data from...
- Python3.X新特性之print和exec
- 通过LINQ表达式树动态构建查询条件
- 内置对象Clob对从数据库表中取的字符大对象CLOB类型的列值进行读取操作
- UVa 839 天平
- PHP面试题之设计模式
- CLR 无法从 COM
- JAVA中的基本数类型据
- awk 使用案例
- mango(mango ORM框架介绍)
- springboot(整合事务和分布式事务)
- hdu6158 The Designer
- 10-RabbitMQ-整合SpringBoot
- 【java反射】Class类型的相关操作演练
- codeforces 755F F. PolandBall and Gifts(贪心+多重背包)