filter，map，reduce

最新推荐文章于 2023-05-17 17:29:33 发布

万事胜意sy

最新推荐文章于 2023-05-17 17:29:33 发布

阅读量66

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/weixin_50736511/article/details/112777612

版权

笔记专栏收录该内容

469 篇文章 2 订阅

订阅专栏

选出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>