js中的那些遍历

说到遍历,首先想到的是数组的遍历,方法不要太多,比如 for, forEach,map,filter,every,some等

   下面来看下,用法 首先 定义一个数组: 

    1. for循环,需要知道数组的长度,才能遍历,

    2. forEach循环,循环数组中每一个元素并采取操作, 没有返回值, 可以不用知道数组长度

    3. map函数,遍历数组每个元素,并回调操作,需要返回值,返回值组成新的数组,原数组不变

    4. filter函数, 过滤通过条件的元素组成一个新数组, 原数组不变

    5. some函数,遍历数组中是否有符合条件的元素,返回Boolean值

    6. every函数, 遍历数组中是否每个元素都符合条件, 返回Boolean值


当然, 除了遍历数组之外,还有遍历对象,常用方法 in

     in 不仅可以用来 遍历对象,还可以用来遍历数组, 不过 i 对应与数组的 key值

介绍完遍历,下面说一下工作中遇到的情况,后台传给我一个对象数组,我需要排序再显示,看到有介绍用 sort 排序的方法,如下

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

var arr1 = [

    {name: 'te', value: 5},

    {name: 'te', value: 2},

    {name: 'we', value: 3},

    {name: 'ee', value: 1},

    {name: 'ee', value: 4}

];


var by = function(type){

    return function(o,p){

        console.log(o,p);

        var a;

        var b;

        if(typeof o === 'object' && typeof p === 'object' && o && p){

            a = o[type];

            b = p[type];

            if(a === b) {

                return 0;

            }

            if(typeof a === typeof b){

            console.log(a, b);

                return a < b ? -1 : 1

            }

            return typeof a < typeof b ? -1 : 1;

        }else {

            throw('字段有误');

        }

    }

}

console.log(arr1.sort(by('value')));

  显示如下:


总结:

  排序应用场景很多 , 所以要弄清楚,明白,方可游刃有余。望小伙伴多多提意见!


补充:  后面发现, 后台传过来的数组中,每个对象按 value 排序, value > 5的按顺序排在前面,小于5排在后面

    思考后, 可以在原来的的方法中这样写,将数组分成2段,大于等于5和小于5,交换位置即可

var arr1 = [

    {name: 'te', value: 5},

    {name: 'te', value: 2},

    {name: 'we', value: 3},

    {name: 'ee', value: 1},

    {name: 'ee', value: 4}

];



var sortObj = function(arr, type , num){

    var by = function(type){

        return function(o,p){

            var a;

            var b;

            if(typeof o === 'object' && typeof p === 'object' && o && p){

                a = o[type];

                b = p[type];

                if(a === b) {

                    return 0;

                }

                if(typeof a === typeof b){

                console.log(a, b);

                    return a < b ? -1 : 1

                }

                return typeof a < typeof b ? -1 : 1;

            }else {

                throw('字段有误');

            }

        }

    };


    var cacheArr = arr.sort(by('value'));


    //通过num 把数组分成两段

    var arrBf = cacheArr.filter(function(item){

        if(item.value < num){

            return item;

        }

    });

    var arrAf = cacheArr.filter(function(item){

        if(item.value >= num){

            return item;

        }

    });


    //交换位置 即可得到

    var newArr = arrAf.concat(arrBf);

    return newArr;

};

console.log(sortObj(arr1, 'value' , 3));

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

推荐阅读更多精彩内容

  • 方便起见不分parameter[形参,出现在函数定义中]和argument[实参,其值为传入函数的值],一律当作a...
    东月三二阅读 385评论 0 0
  • JS循环大总结, for, forEach,for in,for of, map区别 map(数组方法): 特性:...
    HTAO濤阅读 569评论 0 3
  • 在函数中不定义return就会调用默认的隐形return,就是return undifind!!! 字符串部分: ...
    Altair_c5df阅读 408评论 0 8
  • 1.document load 和 document ready 的区别 页面加载完成有两种事件 1.load是当...
    蛋蛋大少爷阅读 406评论 0 2
  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 2,082评论 0 2