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/96.0.4664.110 Safari/537.36

Browser: Chrome 96

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
isEmpty empty array	2790907.2 Ops/sec
length empty array	6325057.0 Ops/sec
custom isEmpty empty array	1892521.2 Ops/sec
isEmpty array of strings	2781985.2 Ops/sec
length array of strings	6230020.0 Ops/sec
custom isEmpty array of strings	1476124.5 Ops/sec
isEmpty array of objects	2785795.2 Ops/sec
length empty array of objects	6267969.5 Ops/sec
custom isEmpty array of objects	1568081.4 Ops/sec
isEmpty empty string	3342131.2 Ops/sec
length empty string	6239350.0 Ops/sec
custom isEmpty empty string	2481998.0 Ops/sec
isEmpty filled string	3372925.0 Ops/sec
length filled string	6219536.5 Ops/sec
custom isEmpty filled string	2398670.5 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