1. 程式人生 > 其它 >filter,map,reduce

filter,map,reduce

技術標籤:筆記

選出item中大於100小於250的數,並把它們每個數×2加一然後再把他們相加

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title
>
</head> <body> <div id="div"> {{fn}} </div> </body> </html> <script src="vue.js"></script> <script> const app=new Vue({ el:'#div', data:{ item:[211,108,817,15,67,145,201,354,228,158,157,235] }
, computed:{ // 選出item中大於100小於250的數,並把它們每個數×2加一然後再把他們呢相加 fn(){ // filter作用是回撥函式返回布林值,返回true時,將引數的值返回新陣列篩選陣列中符合條件的數, // 裡面的引數是一個回掉函式在裡面傳一個引數,這個引數就代表這個陣列的每一個數 // map函式對數組裡每一個數進行操作 // reduce裡面有兩個引數一個引數是回掉函式一個是進行計算的初始值,回掉函式也有兩個引數,一個是上一次計算的值一個是傳入的引數(所要進行操作的數)
let Last=this.item.filter(function(a){ return a>100&&a<250; }).map(function(n){ return n*2+1 }).reduce(function(prevalue,n){ return prevalue+n },0) console.log(Last); } }, })
</script>

在這裡插入圖片描述