Run results for: Compare lodash isEmpty and length comparison on arrays, stings and custom function isEmpty

Run details:

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

Browser: Chrome 93

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
isEmpty empty array	2752439.0 Ops/sec
length empty array	5930529.0 Ops/sec
custom isEmpty empty array	1665613.0 Ops/sec
isEmpty array of strings	2456774.2 Ops/sec
length array of strings	5786019.0 Ops/sec
custom isEmpty array of strings	1395546.1 Ops/sec
isEmpty array of objects	2391938.0 Ops/sec
length empty array of objects	5643831.0 Ops/sec
custom isEmpty array of objects	1366111.8 Ops/sec
isEmpty empty string	2791759.8 Ops/sec
length empty string	4858741.0 Ops/sec
custom isEmpty empty string	1832970.8 Ops/sec
isEmpty filled string	2716136.0 Ops/sec
length filled string	5583655.0 Ops/sec
custom isEmpty filled string	2068626.0 Ops/sec

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.4/lodash.min.js"></script>

Script Preparation code:

// empty array
window.foo1 = [];

// array of strings
window.foo2 = ['a', 'b', 'c', 'd', 'e'];

// array of objects
window.foo3 = [{ a: 1, b: 2, c: { a: 1, b: 2, c: { a: 1, b: 2 } } }, { a: 1, b: 2, c: { a: 1, b: 2, c: { a: 1, b: 2 } } }, { a: 1, b: 2, c: { a: 1, b: 2, c: { a: 1, b: 2 } } }];

// empty string
window.foo4 = '';

// filled string
window.foo5 = 'Comparing performance of: isEmpty empty strings vs length empty strings isEmpty filled string vs length filled string';

function isEmpty(value){
  return  value === undefined ||
          value === null ||
          (typeof value === "object" && Object.keys(value).length === 0) ||
          (typeof value === "string" && value.trim().length === 0)
}

Tests:

isEmpty empty array
_.isEmpty(window.foo1);
length empty array
window.foo1.length === 0;
custom isEmpty empty array
isEmpty(window.foo1);
isEmpty array of strings
_.isEmpty(window.foo2);
length array of strings
window.foo2.length === 0;
custom isEmpty array of strings
isEmpty(window.foo2);
isEmpty array of objects
_.isEmpty(window.foo3);
length empty array of objects
window.foo3.length === 0;
custom isEmpty array of objects
isEmpty(window.foo3);
isEmpty empty string
_.isEmpty(window.foo4);
length empty string
window.foo4.length === 0;
custom isEmpty empty string
isEmpty(window.foo4);
isEmpty filled string
_.isEmpty(window.foo5);
length filled string
window.foo5.length === 0;
custom isEmpty filled string
isEmpty(window.foo5);

Run results for: Compare lodash isEmpty and length comparison on arrays, stings and custom function isEmpty

isEmpty empty array

length empty array

custom isEmpty empty array

isEmpty array of strings

length array of strings

custom isEmpty array of strings

isEmpty array of objects

length empty array of objects

custom isEmpty array of objects

isEmpty empty string

length empty string

custom isEmpty empty string

isEmpty filled string

length filled string

custom isEmpty filled string