You don’t (may not) need Lodash/Underscore
Lodash and Underscore are great modern JavaScript utility libraries, and they are widely used by Front-end developers. However, when you are targeting modern browsers, you may find out that there are many methods which are already supported natively thanks to ECMAScript5 [ES5] and ECMAScript2015 [ES6]. If you want your project to require fewer dependencies, and you know your target browser clearly, then you may not need Lodash/Underscore.
You are welcome to contribute with more items provided below.
- If you are targeting legacy JavaScript engine with those ES5 methods, you can use es5-shim
- Please note that, the examples used below are just showing you the native alternative of performing certain tasks. For some functions, Lodash provides you more options than native built-ins. This list is not a 1:1 comparison.
- Please send a PR if you want to add or modify the code. No need to open an issue unless it’s something big and you want to discuss.
Voice of Developers
Make use of native JavaScript object and array utilities before going big.
—Cody Lindley, Author of jQuery Cookbook and JavaScript Enlightenment
You probably don’t need Lodash. Nice List of JavaScript methods which you can use natively.
—Daniel Lamb, Computer Scientist, Technical Reviewer of Secrets of the JavaScript Ninja and Functional Programming in JavaScript
—Tero Parviainen, Author of build-your-own-angular
I’ll admit, I’ve been guilty of overusing #lodash. Excellent resource.
—@therebelrobot, Maker of web things, Facilitator for Node.js/io.js
ESLint Plugin
If you’re using ESLint, you can install a plugin that will help you identify places in your codebase where you don’t (may not) need Lodash/Underscore.
Install the plugin …
npm install --save-dev eslint-plugin-you-dont-need-lodash-underscore
… then update your config
“extends” : [“plugin:you-dont-need-lodash-underscore/compatible”],
For more information, see Configuring the ESLint Plugin
Important
Note that, while many Lodash methods are null safe (e.g. _.keys, _.entries), this is not necessarily the case for their Native equivalent. If null safety is critical for your application, we suggest that you take extra precautions [e.g. consider using the native Object.keys
as Object.keys(value || {})
].
Quick Links
- _.chunk
- _.compact
- _.concat
- _.difference
- _.drop
- _.dropRight
- _.fill
- _.find
- _.findIndex
- _.first
- _.flatten
- _.flattenDeep
- _.fromPairs
- _.head and _.tail
- _.indexOf
- _.intersection
- _.isArray
- _.isArrayBuffer
- _.join
- _.last
- _.lastIndexOf
- _.reverse
- _.slice
- _.without
- _.initial
- _.pull
- _.unionBy
Important
Note that most native equivalents are array methods, and will not work with objects. If this functionality is needed and no object method is provided, then Lodash/Underscore might be the better option. Bear in mind however, that all iterable objects can easily be converted to an array by use of the spread operator.
- _.each
- _.every
- _.filter
- _.groupBy
- _.includes
- _.keyBy
- _.map
- _.minBy and _.maxBy
- _.orderBy
- _.pluck
- _.range
- _.reduce
- _.reduceRight
- _.reject
- _.size
- _.some
- _.sortBy
- _.uniq
- _.uniqWith
- _.castArray
- .cloneDeep
- _.gt
- _.gte
- _.isDate
- _.isEmpty
- _.isFinite
- _.isInteger
- _.isNaN
- _.isNil
- _.isNull
- _.isUndefined
- _.assign
- _.defaults
- _.extend
- _.has
- _.get
- _.invert
- _.isPlainObject
- _.keys
- _.mapKeys
- _.omit
- _.pick
- _.pickBy
- _.toPairs
- _.values
- _.capitalize
- _.endsWith
- _.isString
- _.lowerFirst
- _.padStart and _.padEnd
- _.repeat
- _.replace
- _.split
- _.startsWith
- _.template
- _.toLower
- _.toUpper
- _.trim
- _.upperFirst