map、filter、reduce函数的使用

一、filter() 做用：过滤

 // 一、筛选出大于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)

二、map（） 做用：便于对数组中的每一个元素进行操做

 // 二、把数组元素乘2 //把数组中的每一个元素做为变量传进去 let newArray2 = newarray.map(function (n) { return n * 2 }) console.log(newArray2)

三、reduce() 做用：对数组中的元素进行汇总

 //三、把数组中的元素相加 let newArray3 = array.reduce(function (previousValue, n) { return previousValue + n },0) console.log(newArray3)

******完整代码******

条件：对数组进行下面三个操做。

一、筛选出大于30的数。

二、把数组元素乘2

三、把数组元素汇总

 <script> let vm = new Vue({ el: '#app', data: () => ({}), methods: {}, }) // 对下面数组进行以下操做 一、二、3 /* 一、筛选出大于30的数。 二、把数组元素乘2 三、把数组元素汇总 */ const array = [10, 20, 30, 40, 50, 60, 70, 80] // 一、筛选出大于30的数。
 // 普通写法 let newArray = array.filter(function (k) { return k > 30 }) // 二、把数组元素乘2 //把数组中的每一个元素做为变量传进去 let newArray2 = newArray.map(function (n) { return n * 2 }) console.log(newArray2) //三、把数组元素相加 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)