Benchmark: _.sortBy vs _.orderBy vs JS sort multiple

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js" integrity="sha512-WFN04846sdKMIP5LKNphMaWzU7YpMyCU245etK3g/2ARYbPK9Ub18eG+ljU96qKRCWh+quCY7yefSmlkQw1ANQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

Script Preparation code:

var arr = [];
for (var i = 0; i < 1_000; i++) {
  arr.push({
    id: i
    , lower: String.fromCharCode(65+Math.floor(Math.random() * 26))
    , upper: String.fromCharCode(97+Math.floor(Math.random() * 26))
    , value: Math.random() 
});
}

Tests:

Native JS sort
arr.sort((a, b) => a.value - b.value);
lodash sortby
_.sortBy(arr, (arr) => arr.value);
lodash orderBy
_.orderBy(arr, (arr) => arr.value);
lodash orderby 2 properties
_.orderBy(arr, [s1 => s1.lower, s2 => s2.value]);
lodash orderby 3 properties
_.orderBy(arr, [s1 => s1.lower, s2 => s2.upper, s3 => s3.value]);
lodash oderby 4 properties
_.orderBy(arr, [s1 => s1.lower, s2 => s2.upper, s3 => s3.value, s4 => s4.id]);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Native JS sort
lodash sortby
lodash orderBy
lodash orderby 2 properties
lodash orderby 3 properties
lodash oderby 4 properties

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 2 years ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36

Browser/OS: Chrome 122 on Windows

View result in a separate tab

Native JS sort

47K/s

lodash sortby

14K/s

lodash orderBy

12K/s

lodash orderby 2 properties

2K/s

lodash orderby 3 properties

2K/s

lodash oderby 4 properties

1K/s

View exact numbers

Test name	Executions per second
✓ Native JS sort	46,713 Ops/sec
lodash sortby	13,764 Ops/sec
lodash orderBy	12,110 Ops/sec
lodash orderby 2 properties	1,923 Ops/sec
lodash orderby 3 properties	1,657 Ops/sec
lodash oderby 4 properties	1,496 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 of what is tested in the provided JSON benchmark.

**Benchmark Definition**

The benchmark tests the performance of three sorting methods:

1. Native JavaScript sort (using the built-in `Array.prototype.sort()` method).
2. Lodash `_.sortBy()` function, which sorts an array based on a given sorting function.
3. Lodash `_.orderBy()` function, which sorts an array based on one or more properties.

**Options Compared**

The benchmark compares different approaches:

* Native JavaScript sort: uses the built-in `Array.prototype.sort()` method with a simple comparison function (`a.value - b.value`).
* Lodash `_.sortBy()`: uses the `_.sortBy()` function, which takes an array and a sorting function as arguments.
* Lodash `_.orderBy()`: uses the `_.orderBy()` function, which takes an array and one or more sorting functions as arguments.

**Pros and Cons**

Here's a brief summary of each approach:

* Native JavaScript sort:
	+ Pros: Fast, efficient, and widely supported.
	+ Cons: Can be slow for large datasets due to the complexity of the comparison function.
* Lodash `_.sortBy()`:
	+ Pros: Flexible, customizable sorting behavior. Reduces the need for explicit loop constructs.
	+ Cons: May have higher overhead compared to native JavaScript sort due to the additional function call.
* Lodash `_.orderBy()`:
	+ Pros: Allows sorting based on multiple properties, which can be useful in certain scenarios.
	+ Cons: Adds an additional layer of complexity and potential performance overhead.

**Library: Lodash**

Lodash is a popular utility library for JavaScript that provides various functions for tasks such as array manipulation, string manipulation, and functional programming. The `_.sortBy()` and `_.orderBy()` functions are part of the Lodash library and provide convenient ways to sort arrays based on specific criteria.

**Special JS Feature/Syntax: None**

There are no special JavaScript features or syntax used in this benchmark.

**Other Alternatives**

If you're interested in exploring alternative sorting libraries or methods, here are a few options:

* `Array.prototype.sort()` with custom comparison functions
* Other utility libraries like Moment.js for date-based sorting
* Custom implementation using vanilla JavaScript and algorithms like QuickSort or MergeSort

Keep in mind that the choice of sorting method depends on the specific requirements of your use case.

_.sortBy vs _.orderBy vs JS sort multiple (version: 0)

Comparing performance of: `Native JS sort vs lodash sortby vs lodash orderBy vs lodash orderby 2 properties vs lodash orderby 3 properties vs lodash oderby 4 properties`

Created: 2 years ago by: Guest

Go to the latest result

Native JS sort

lodash sortby

lodash orderBy

lodash orderby 2 properties

lodash orderby 3 properties

lodash oderby 4 properties

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

_.sortBy vs _.orderBy vs JS sort multiple (version: 0)

Comparing performance of: Native JS sort vs lodash sortby vs lodash orderBy vs lodash orderby 2 properties vs lodash orderby 3 properties vs lodash oderby 4 properties

Created: 2 years ago by: Guest

Go to the latest result

Native JS sort

lodash sortby

lodash orderBy

lodash orderby 2 properties

lodash orderby 3 properties

lodash oderby 4 properties

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: `Native JS sort vs lodash sortby vs lodash orderBy vs lodash orderby 2 properties vs lodash orderby 3 properties vs lodash oderby 4 properties`