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)

最新文章

  1. Android四大组件之一“广播”
  2. DNS域名解析过程
  3. C语言一维数组、二维数组、结构体的初始化
  4. msql 实现sequence功能增强
  5. angular初步认识一
  6. [转] easyui 获取数据表格中选中行的数据 Get selected row data from...
  7. Python3.X新特性之print和exec
  8. 通过LINQ表达式树动态构建查询条件
  9. 内置对象Clob对从数据库表中取的字符大对象CLOB类型的列值进行读取操作
  10. UVa 839 天平
  11. PHP面试题之设计模式
  12. CLR 无法从 COM
  13. JAVA中的基本数类型据
  14. awk 使用案例
  15. mango(mango ORM框架介绍)
  16. springboot(整合事务和分布式事务)
  17. hdu6158 The Designer
  18. 10-RabbitMQ-整合SpringBoot
  19. 【java反射】Class类型的相关操作演练
  20. codeforces 755F F. PolandBall and Gifts(贪心+多重背包)

热门文章

  1. 【jQuery】jQuery基础
  2. [b0002] Hadoop HDFS cmd常用命令练手
  3. 渗透测试学习 二十八、WAF绕过详解
  4. Ubuntu16.04初始配置
  5. easyui三
  6. react界面跳转,滚动到顶部
  7. oracle表连接的优化
  8. mybatis中&lt;include&gt;标签的作用
  9. GitHub 注册失败的原因 以及解决 。
  10. Angular7入门总结篇