[Javascript] Lodash: Refactoring Simple For Loops (_.find, _.findLast, _.filter)
JavaScript for Find filter Simple _. lodash
2023-09-14 09:00:55 时间
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);
相关文章
- [Javascript] Create an Async Generator and Loop Through Generated Promises with "For Await Of" Loops
- [Javascript] Understanding the difference between .prototype and .__proto__ in JavaScript
- [Javascript] Wait for the Fastest JavaScript Promise to Be Fulfilled with Promise.any()
- [Javascript] Create a Custom Iterator for Any Array
- [Cypress] install, configure, and script Cypress for JavaScript web applications -- part3
- [Javascript + rxjs] Simple drag and drop with Observables
- [Grunt] Concatenating Your Javascript with grunt-contrib-concat
- [Javascript] Stop writing For loops. Start using underscore
- [Javascript] Prototype 1
- [Javascript] structuredClone - deep clone object
- [Javascript] Joi for validation
- [Javascript] Hide Properties from Showing Up in "for ... in" Loops in JavaScript
- [Javascript Crocks] Compose Functions for Reusability with the Maybe Type
- [Javascript] IntersectionObserver -- Lazy Load Images on a Website
- resource handler working logic for Fiori BSP application - how is javascript file loaded from BSP re
- SAP Cloud for Customer框架是如何使用JavaScript Promise的
- SAP Cloud SDK for JavaScript 概述
- 使用Javascript 获得Word application的版本号
- 纯JavaScript实现的调用设备摄像头并拍照的功能
- 接入 百度地图(web开发) JavaScript API
- JavaScript学习总结-技巧、有用函数、简洁方法、编程细节
- Javascript 严格模式详解
- 手把手教你原生JavaScript打造丝滑流畅的轮播图,让你的网站瞬间提升用户体验