zoukankan      html  css  js  c++  java
  • [Javascript] Lodash: Refactoring Simple For Loops (_.find, _.findLast, _.filter)

    This lesson shows how to refactor your old loops into using a simpler and more powerful lodash-style. We will start by looking at how many people traditionally write JavaScript for loops and then talk about the alternate style and benefits that Lodash offers.

    If you want to find one value from the value, you can use:

    _.find 

    or 

    _.findLast

    If you want to get all match results, you can use:

    _.filter()

    var people = [
        {name: "Frank", age: 30, gender: 'male'},
        {name: "Bill", age: 22, gender: 'male'},
        {name: "Carol", age: 52, gender: 'female'},
        {name: "Susan", age: 10, gender: 'female'},
        {name: "Stephanie", age: 22, gender: 'female'},
        {name: "Kyle", age: 68, gender: 'male'},
        {name: "Hank", age: 22, gender: 'male'},
        {name: "Susan", age: 20, gender: 'female'}
    ];
    
    //Loop: find one 'Susan'
    var susan;
    for (var i = 0; i < people.length; i++) {
        var person = people[i];
        if(person.name == "Susan"){
            susan = person;
            break;
        }
    }
    
    console.log(susan);
    
    //Lodash: find one 'Susan'
    var susan2 = _.find(people, {name: 'Susan'});
    
    console.log(susan2);
    
    
    //Loop: find all 'Susan'
    var susans = [];
    for (var i = 0; i < people.length; i++) {
        var person = people[i];
        if(person.name == "Susan"){
            susans.push(person);
        }
    }
    
    console.log(susans);
    
    //Lodash: find all 'Susan'
    var susans2 = _.filter(people, {name: 'Susan'});
    
    console.log(susans2);
  • 相关阅读:
    20145220&20145209&20145309信息安全系统设计基础实验报告
    20145209 《信息安全系统设计基础》第8周学习总结
    R574
    gym102219
    102222F
    luogu 1337
    luogu 2503 & bzoj 2428
    18 BJ J
    poj 1981
    101992 I
  • 原文地址:https://www.cnblogs.com/Answer1215/p/4356420.html
Copyright © 2011-2022 走看看