如何获取数组中最大3项的索引值?

一、需求分析

1. 数组最大3项

看到这个,首先就应该想到排序,我们可以先将数组从大到小进行排序,然后再获取排序后的数组前3项即可。

所需函数:

排序: sort()
获取前3项: filter()

2. 获取索引值

当我们将数组进行排序后,数组的索引值会发生变化,我们便无法再获取原始数组的索引值了,所以我们得在排序前对数组进行处理。

具体处理思路是,通过遍历将原始数组中的每一项与其索引捆绑在一起,我们可以使用对象数组的形式来实现捆绑,这样即使数组被重新排序,我们最终也能够找到原始数组每项的索引值。

所需函数:

通过遍历创建对象数组: map()

3. 整体实现思路

重构:通过遍历创建对象数组,其中每一项包含索引值和数值 —— map()
排序:根据对象数组每一项中的数值从大到小进行排序 —— sort()
筛选:通过筛选获取排序后的前3项组成数组 —— filter()
提取:通过遍历获取前3项数组的原始索引值 —— map()

二、具体代码实现

function fetchMaxIndex(arr){
    return arr.map(function (item,i) {     //  重构,将数组每项绑定相应索引
        return {
            key: i,
            value: item
        }
    })
    .sort(function (a,b) {     //  排序,根据每项数值排序
        return b.value - a.value;
    })
    .filter(function (item,i) {     //  筛选,获取排序后前三项
        return i < 3
    })
    .map(function (item) {     //  提取,获取前三项原始索引
        return item.key
    });
}
console.log(fetchMaxIndex([4,6,9,3,0,8,1]));   //  [2, 5, 1]

若对以上map()filter()不了解,请戳→简述forEach()、map()、every()、some()和filter()的用法

若想了解以上sort()排序函数的具体用法,请戳→JS数组排序

若想了解更多数组处理函数,请戳→JS数组操作之增删改查

本文重点总结:

对于数组的处理,无非就那么几个常用的函数方法,经常使用便能熟能生巧

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

推荐阅读更多精彩内容

  • Javascript有很多数组的方法,有的人有W3C的API,还可以去MDN上去找,但是我觉得API上说的不全,M...
    顽皮的雪狐七七阅读 4,083评论 0 6
  • 我在沙滩上赤足奔跑,背后是一长串歪歪斜斜的脚印,或深或浅。时不时回头看看,脚印已经在不经意间被涌上的海浪冲刷的...
    Rheinmetall阅读 384评论 1 3
  • 体验入:今日休息了一下,睡到自然醒,感觉很放松! 找核心:劳逸结合! 转身用:能更好的投入到工作中!
    命运我手中明天会更好阅读 119评论 0 0
  • 暑期忙碌的日子里,爸妈没少吃苦,重活累活脏活太多,七岁的我有心无力,空有一个大男孩的理想抱负。其实想做的再多一些,...
    suyuan1992阅读 472评论 0 0
  • 第五章 这一路,白烨和白万川之间的对话没超过五句,白万川心里知道,儿子三岁离家,几年不见跟他生分了也是情理之中。他...
    我是北冥有鱼阅读 1,095评论 10 78