Benchmark: lodash sortBy vs native sortBy

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Script Preparation code:

function getRandomInt(max) {
  return Math.floor(Math.random() * Math.floor(max));
}

var arr = [];
for(var i = 0; i < 100000; i++){
  arr.push({value:getRandomInt(100)});
}

Tests:

_.sortBy
_.sortBy(arr,"value");
sortByKey
const sortByKey = (array, key) => arr.sort((a,b) => (a[key] > b[key]) ? 1 : (a[key] < b[key]) ? -1 : 0);

Historical Performance Data aggregated from 81 community runs

Desktop Results:

Chrome 71 runs

sortByKey

160.5M/s

_.sortBy

32/s

Fastest: sortByKey (5018287.3x faster)

View exact numbers

✓ sortByKey: 160,507,376 ops/sec
• _.sortBy: 32 ops/sec

Firefox 10 runs

sortByKey

1502.0M/s

_.sortBy

8/s

Fastest: sortByKey (187388419.5x faster)

View exact numbers

✓ sortByKey: 1,502,006,528 ops/sec
• _.sortBy: 8 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
_.sortBy
sortByKey

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:143.0) Gecko/20100101 Firefox/143.0

Browser/OS: Firefox 143 on Mac OS X 10.15

View result in a separate tab

sortByKey

1249.4M/s

_.sortBy

8/s

View exact numbers

Test name	Executions per second
✓ sortByKey	1,249,422,336 Ops/sec
_.sortBy	8 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.

Let's dive into the explanation.

**Overview of the Benchmark**

The provided benchmark compares two approaches for sorting an array in JavaScript: using the native `sort()` method and using the Lodash library's `sortBy()` function.

**Native `sort()` Method**

The native `sort()` method sorts an array by comparing the values of each element. It uses a stable sort algorithm, which means that if two elements have the same value, their original order is preserved. The native `sort()` method also has a time complexity of O(n log n) on average.

**Lodash Library's `sortBy()` Function**

The Lodash library provides a `sortBy()` function that sorts an array based on a specified key. It uses a stable sort algorithm and has a time complexity of O(n log n). The `sortBy()` function takes two arguments: the array to be sorted and the key function.

**Comparison of Options**

There are three options being compared:

1. **Native `sort()` Method**: This is the default sorting method in JavaScript.
2. **Lodash Library's `sortBy()` Function**: This is a custom sorting method that uses the Lodash library.
3. **`sortByKey` Custom Implementation**: This is a custom implementation of the sorting algorithm, which sorts an array based on a specified key.

**Pros and Cons**

Here are some pros and cons for each option:

1. **Native `sort()` Method**
	* Pros:
		+ Fast and efficient
		+ No additional library required
	* Cons:
		+ Can be slower than custom implementations for large datasets
		+ May not preserve the original order of equal elements
2. **Lodash Library's `sortBy()` Function**
	* Pros:
		+ Convenient and easy to use
		+ Preserves the original order of equal elements
	* Cons:
		+ Requires an additional library installation
		+ May be slower than custom implementations for large datasets
3. **`sortByKey` Custom Implementation**
	* Pros:
		+ Fast and efficient
		+ Can be optimized for specific use cases
	* Cons:
		+ Requires writing custom code
		+ May not preserve the original order of equal elements

**Library: Lodash**

The Lodash library is a popular JavaScript utility library that provides various functions for tasks such as array manipulation, string manipulation, and functional programming. In this benchmark, the `sortBy()` function from Lodash is used to compare with the native `sort()` method.

**Special JS Feature/ Syntax**

There are no special JavaScript features or syntax being tested in this benchmark. However, it's worth noting that some JavaScript engines may optimize certain aspects of the code differently, which could affect the results.

**Alternatives**

Some alternatives for sorting arrays in JavaScript include:

1. **ES6 `sort()` Method**: This is a modern and efficient way to sort arrays in JavaScript.
2. **`Array.prototype.sort()` with a custom compare function**: This allows developers to customize the sorting algorithm by providing a compare function.
3. **Other libraries**: There are other libraries available that provide optimized sorting algorithms, such as QuickSort or MergeSort.

I hope this explanation helps!

lodash sortBy vs native sortBy (version: 0) Benchmark.js

Comparing performance of: `_.sortBy vs sortByKey`

Created: 7 years ago by: Guest

Go to the latest result

_.sortBy

sortByKey

Historical Performance Data aggregated from 81 community runs

Desktop Results:

Chrome 71 runs

Firefox 10 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

lodash sortBy vs native sortBy (version: 0) Benchmark.js

Comparing performance of: _.sortBy vs sortByKey

Created: 7 years ago by: Guest

Go to the latest result

_.sortBy

sortByKey

Historical Performance Data aggregated from 81 community runs

Desktop Results:

Chrome 71 runs

Firefox 10 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

Related benchmarks

Comparing performance of: `_.sortBy vs sortByKey`