filter,map,reduce
阿新 • • 發佈:2021-02-05
技術標籤:筆記
選出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>