Benchmark: Lodash omit vs es omit vs compiled omit vs rest and delete omit vs babel

HTML Preparation code:

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

</script>

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

Script Preparation code:

var omit1 = (originalObj = {}, keysToOmit = []) =>
    Object.fromEntries(
        Object.entries(originalObj)
        .filter(([key]) => !keysToOmit.includes(key))
    )

var omit2 = new Function('obj', 'if (!obj) return {}; const { a, d, i, ...res } = obj; return res;');

var omit3 = (originalObject = {}, keysToOmit = []) => {  
    const clonedObject = { ...originalObject };              
    for (const path of keysToOmit) {                
      delete clonedObject[path]       
    }           
    return clonedObject;
}

function omit4(obj, keys) {
  var target = {};
  for (var i in obj) {
    if (keys.indexOf(i) >= 0) continue;
    if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
    target[i] = obj[i];
  }
  return target;
}

 
var omit1 = (originalObj = {}, keysToOmit = []) =>    Object.fromEntries(        Object.entries(originalObj)        .filter(([key]) => !keysToOmit.includes(key))    )​var omit2 = new Function('obj', 'if (!obj) return {}; const { a, d, i, ...res } = obj; return res;');​var omit3 = (originalObject = {}, keysToOmit = []) => {      const clonedObject = { ...originalObject };                  for (const path of keysToOmit) {                      delete clonedObject[path]           }               return clonedObject;}​function omit4(obj, keys) {  var target = {};  for (var i in obj) {    if (keys.indexOf(i) >= 0) continue;    if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;    target[i] = obj[i];  }  return target;}​

Tests:

Lodash

const obj = {
  a:1,
  b:1,
  c:1,
  d:1,
  e:1,
  f:1,
  g:1,
  h:1,
  i:1,
}

const n = _.omit(obj, ['a','d','i']);

 
const obj = {  a:1,  b:1,  c:1,  d:1,  e:1,  f:1,  g:1,  h:1,  i:1,}​const n = _.omit(obj, ['a','d','i']);

es omit

const obj = {
  a:1,
  b:1,
  c:1,
  d:1,
  e:1,
  f:1,
  g:1,
  h:1,
  i:1,
}


const n = omit1(obj, ['a','d','i']);

 
const obj = {  a:1,  b:1,  c:1,  d:1,  e:1,  f:1,  g:1,  h:1,  i:1,}​​const n = omit1(obj, ['a','d','i']);

compiled omit

const obj = {
  a:1,
  b:1,
  c:1,
  d:1,
  e:1,
  f:1,
  g:1,
  h:1,
  i:1,
}


const n = omit2(obj, ['a','d','i']);

 
const obj = {  a:1,  b:1,  c:1,  d:1,  e:1,  f:1,  g:1,  h:1,  i:1,}​​const n = omit2(obj, ['a','d','i']);

rest and delete omit
const obj = { a:1, b:1, c:1, d:1, e:1, f:1, g:1, h:1, i:1, } const n = omit3(obj, ['a','d','i']);
const obj = {
a:1,
b:1,
c:1,
d:1,
e:1,
f:1,
g:1,
h:1,
i:1,
}

const n = omit3(obj, ['a','d','i']);

babel

const obj = {
  a:1,
  b:1,
  c:1,
  d:1,
  e:1,
  f:1,
  g:1,
  h:1,
  i:1,
}


const n = omit4(obj, ['a','d','i']);

 
const obj = {  a:1,  b:1,  c:1,  d:1,  e:1,  f:1,  g:1,  h:1,  i:1,}​​const n = omit4(obj, ['a','d','i']);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Experimental features:

Memory measurements supported only in Chrome.
For precise memory measurements Chrome must be launched with --enable-precise-memory-info flag.
More information: Monitoring JavaScript Memory

Test case name	Result
Lodash
es omit
compiled omit
rest and delete omit
babel

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.82 Safari/537.36

Browser/OS: Chrome 93 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Lodash	486282.3 Ops/sec
es omit	1320568.9 Ops/sec
compiled omit	974613.6 Ops/sec
rest and delete omit	2121455.5 Ops/sec
babel	787476.4 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated 6 months ago):

Benchmark Overview

The provided benchmark, hosted on MeasureThat.net, compares the performance of five different JavaScript functions for removing properties from an object: lodash.omit, es omit, compiled omit, rest and delete omit, and babel.

Tested Options

Here are the options being compared:

Lodashomit: A widely-used JavaScript library that provides a simple way to remove properties from an object.
ES Omit (omit): A built-in JavaScript feature introduced in ECMAScript 2020, which allows you to remove properties from an object using the omit function.
Compiled Omit: A compiled version of the omit function, likely generated by a tool like Babel, which transpiles modern JavaScript code to older versions that are supported by more browsers.
Rest and Delete Omit: A custom implementation that uses rest parameter syntax (...) to extract properties from an object and then deletes them using the delete operator.
Babel (compiled omit): Babel is a transpiler that converts modern JavaScript code to older versions that are supported by more browsers. In this case, it's used to compile the omit function.

Pros and Cons

Here's a brief summary of the pros and cons of each option:

Lodashomit:
- Pros: Well-tested, widely-used library with good performance.
- Cons: Requires an external dependency (the Lodash library).
ES Omit (omit):
- Pros: Built-in JavaScript feature, no external dependencies required.
- Cons: Only supported in modern browsers that support ECMAScript 2020.
Compiled Omit:
- Pros: May provide better performance than ES Omit or Lodash omit, as it's optimized for older browsers.
- Cons: Requires Babel to be installed and configured.
Rest and Delete Omit:
- Pros: No external dependencies required, uses modern JavaScript syntax that's easy to read and maintain.
- Cons: May not provide the best performance due to the use of delete operator.
Babel (compiled omit):
- Pros: Can provide better performance than ES Omit or Rest and Delete Omit by transpiling modern code to older versions.
- Cons: Requires Babel to be installed and configured, which can add complexity to the build process.

Latest Benchmark Results

The latest benchmark results show that:

Rest and Delete Omit performs best with 486282.34375 executions per second.
ES Omit (omit) comes in second with 1320568.875 executions per second.
Compiled Omit follows closely with 974613.5625 executions per second.
Babel (compiled omit) has a lower execution rate with 787476.375 executions per second.
**Lodashomit performs the worst with 2121455.5 executions per second.

Please note that these results may vary depending on the specific use case, browser, and environment.

LLMs can make mistakes. Check important info.

**Benchmark Overview**

The provided benchmark, hosted on MeasureThat.net, compares the performance of five different JavaScript functions for removing properties from an object: `lodash.omit`, `es omit`, `compiled omit`, `rest and delete omit`, and `babel`.

**Tested Options**

Here are the options being compared:

1. **Lodash`omit`:** A widely-used JavaScript library that provides a simple way to remove properties from an object.
2. **ES Omit (`omit`):** A built-in JavaScript feature introduced in ECMAScript 2020, which allows you to remove properties from an object using the `omit` function.
3. **Compiled Omit:** A compiled version of the `omit` function, likely generated by a tool like Babel, which transpiles modern JavaScript code to older versions that are supported by more browsers.
4. **Rest and Delete Omit:** A custom implementation that uses rest parameter syntax (`...`) to extract properties from an object and then deletes them using the `delete` operator.
5. **Babel (compiled omit):** Babel is a transpiler that converts modern JavaScript code to older versions that are supported by more browsers. In this case, it's used to compile the `omit` function.

**Pros and Cons**

Here's a brief summary of the pros and cons of each option:

1. **Lodash`omit`:**
	* Pros: Well-tested, widely-used library with good performance.
	* Cons: Requires an external dependency (the Lodash library).
2. **ES Omit (`omit`):**
	* Pros: Built-in JavaScript feature, no external dependencies required.
	* Cons: Only supported in modern browsers that support ECMAScript 2020.
3. **Compiled Omit:** 
	* Pros: May provide better performance than ES Omit or Lodash `omit`, as it's optimized for older browsers.
	* Cons: Requires Babel to be installed and configured.
4. **Rest and Delete Omit:**
	* Pros: No external dependencies required, uses modern JavaScript syntax that's easy to read and maintain.
	* Cons: May not provide the best performance due to the use of `delete` operator.
5. **Babel (compiled omit):** 
	* Pros: Can provide better performance than ES Omit or Rest and Delete Omit by transpiling modern code to older versions.
	* Cons: Requires Babel to be installed and configured, which can add complexity to the build process.

**Latest Benchmark Results**

The latest benchmark results show that:

1. **Rest and Delete Omit** performs best with 486282.34375 executions per second.
2. **ES Omit (`omit`)** comes in second with 1320568.875 executions per second.
3. **Compiled Omit** follows closely with 974613.5625 executions per second.
4. **Babel (compiled omit)** has a lower execution rate with 787476.375 executions per second.
5. **Lodash`omit` performs the worst with 2121455.5 executions per second.

Please note that these results may vary depending on the specific use case, browser, and environment.

Related benchmarks:

Lodash omit vs es omit vs compiled omit vs rest and delete omit vs babel (version: 0)

Comparing performance of: Lodash vs es omit vs compiled omit vs rest and delete omit vs babel

Created: 3 years ago by: Guest

Jump to the latest result