数组的高阶方法

1.forEach()方法,用于循环遍历整个数组

该方法的参数是一个回调函数,回调函数可以传两个参数,第一个参数是数组中的每一项元素,

第二个参数是每一项元素对应的下标。

注意:第二个参数可以省略。

<script>

        let users = [

            { name: "张含韵", "email": "zhang@email.com" },

            { name: "江一燕", "email": "jiang@email.com" },

            { name: "李小璐", "email": "li@email.com" }];

        let res=users.map(r=>r.email)

        console.log(res.join(", "));//zhang@email.com, jiang@email.com, li@email.com

    </script>



2.filter()方法,用于过滤数组中的元素,返回过滤结果。

<script>

        let arr = [32, 33, 16, 40];

        let res = arr.filter(r=>r>18);

        console.log(res);//32,33,40

    </script>


3.find()方法,用于获取数组中满足规则的第一个元素

<script>

        let arr = [1, 2, 3, 4, 5, 6, 7];

        let res = arr.find(r=>r>3)

        console.log(res);//4

    </script>


4.findIndex()方法,用于获取数组中满足规则的第一个元素下标

<script>

        let arr = [5, 12, 8, 130, 44];

       let res=arr.findIndex(r=>r>13)

        console.log(res);//3

    </script>


5.some()方法,用于表示数组中是否有满足指定规则的元素,有返回true,一个都没有返回false

<script>

        let arr = [222,34,56,7,744]

       let res=arr.some(r=>r>30)

       let res1=arr.some(r=>r<3)

       console.log(res);//true

       console.log(res1);//false

    </script>



6.every()方法,用于表示数组中是否所有元素都满足指定的规则

<script>

        let arr = [222,34,56,7,744]

       let res=arr.every(r=>r>5)

       let res1=arr.every(r=>r>56)

       console.log(res);//true

       console.log(res1);//false

    </script>


7.map()方法,用于将原始数组里面的数据根据指定的规则返回新的数组

<script>

        let techerList = [

            { techerId: 't1', techerName: '张三', sex: '男', email: '123456789@qq.com' },

            { techerId: 't2', techerName: '李四', sex: '女', email: '123456789@qq.com' },

            { techerId: 't3', techerName: '王五', sex: '男', email: '123456789@qq.com' },

            { techerId: 't4', techerName: '赵六', sex: '女', email: '123456789@qq.com' },

            { techerId: 't5', techerName: '孙七', sex: '男', email: '123456789@qq.com' }

        ]

        let newTecherList = techerList.map(item => {

            return item.techerId

        })

        console.log(newTecherList);   //["t1","t2","t3","t4","t5",]

    </script>



8.sort()方法,对数组的元素进行排序

注:回调函数需要传两个参数,返回参数1-参数2是升序,返回参数2-参数1是降序

<script>

        //对象

        let obj = [ { age: 24  }, {age: 48  }, { age: 12},]

        console.log(obj.sort((a, b) => a.age - b.age)) // {age: 12},{age: 24},{age: 48} 这样正序

        console.log(obj.sort((a, b) => b.age - a.age)) // {age: 48},{age: 24},{age: 12} 这样倒叙



9.reduce()方法,统计数组中元素的值(从左到右)

 <script>

        let arr1 = [1, 2, 3, 4, 5]

        let sum = arr1.reduce((pre, item) => {

            return pre + item

        }, 0)

        console.log('sum=', sum);   //15

    </script>



10.reduceRight()方法,统计数组中元素的值(从右到左)

<script>

        let arr1 = [1, 2, 3, 4, 5]

        let sum = arr1.reduceRight((pre, item) => {

            return pre + item

        }, 0)

        console.log('sum=', sum);   //15

    </script>

</body>

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,254评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,875评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,682评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,896评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,015评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,152评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,208评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,962评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,388评论 1 304
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,700评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,867评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,551评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,186评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,901评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,142评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,689评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,757评论 2 351

推荐阅读更多精彩内容