Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
Feature Requests
FAQ
Register
Log In
Uniq ES6 vs Lodash Uniq
(version: 0)
Benchmark.js
ES6 Filter Unique vs Lodash Uniq
Comparing performance of:
Use ES6 vs Use Lodash
Created:
7 years ago
by:
Guest
Go to the latest result
HTML Preparation code:
<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>
Tests:
Use ES6
const uniqArr = (arrArg) => arrArg.filter((elem, pos, arr) => arr.indexOf(elem) == pos); const arr = [1, 2, 3, 4, 5, 6, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7]; return uniqArr(arr)
Use Lodash
const arr = [1, 2, 3, 4, 5, 6, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7]; return _.uniq(arr);
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
Use ES6
Use Lodash
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
2 years ago
)
User agent:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
Browser/OS:
Chrome 119 on Mac OS X 10.15.7
View result in a separate tab
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=486184" width="100%" height="500px"></iframe>
Use Lodash
9.8M/s
Use ES6
9.7M/s
View exact numbers
Test name
Executions per second
✓
Use Lodash
9,794,228 Ops/sec
Use ES6
9,686,677 Ops/sec
Autogenerated LLM Summary
(model
llama3.2:3b
, generated one year ago):
Let's break down the provided benchmark definition and test cases. **Benchmark Definition** The benchmark is to compare two approaches for removing duplicates from an array: 1. **ES6 Filter Unique**: This approach uses JavaScript's built-in `filter` method to create a new array with only unique elements. The filter callback function checks if an element is present at the same index in the original array using `arr.indexOf(elem) == pos`. If true, the element is not included in the new array. 2. **Lodash Uniq**: This approach uses the popular utility library Lodash's `uniq` function to remove duplicates from the array. **Options Compared** The two options being compared are: * ES6 Filter Unique * Lodash Uniq **Pros and Cons of Each Approach** 1. **ES6 Filter Unique**: * Pros: + Native JavaScript implementation, no external dependencies. + Can be more efficient since it doesn't require a separate library. * Cons: + Requires knowledge of the `filter` method and its callback function. + Might not be as readable or maintainable for complex filtering scenarios. 2. **Lodash Uniq**: * Pros: + Conveniently available through Lodash, reducing code duplication. + Easier to understand and use, especially for those familiar with Lodash's API. * Cons: + Requires an external dependency (Lodash), which may slow down page loads. + Might be slower due to the additional library overhead. **Library: Lodash** Lodash is a popular JavaScript utility library that provides a comprehensive set of functions for various tasks, such as array manipulation, string processing, and more. The `uniq` function in particular is used here to remove duplicates from an array. **Special JS Feature/Syntax** There doesn't appear to be any special JavaScript features or syntax being tested in this benchmark. However, it's worth noting that the use of `const` and arrow functions (`=>`) for defining the benchmark definitions follows modern JavaScript best practices. **Other Alternatives** If you prefer not to use Lodash or native JavaScript, other alternatives for removing duplicates from an array include: * **Array.prototype.reduce()**: You can use `reduce()` to accumulate unique elements in an array. * **Set data structure**: You can convert the array to a Set (if supported by your browser) and then iterate over it to preserve uniqueness. Keep in mind that these alternatives might have different performance characteristics compared to Lodash's `uniq` function or native JavaScript `filter` method.
Related benchmarks
lodash uniq vs native uniq
Comments
Confirm delete:
Do you really want to delete benchmark?