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

Run details:

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

Browser: Chrome 120

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
isEmpty empty array	6339162.0 Ops/sec
length empty array	14565225.0 Ops/sec
custom isEmpty empty array	4724323.5 Ops/sec
isEmpty array of strings	6386431.0 Ops/sec
length array of strings	14621481.0 Ops/sec
custom isEmpty array of strings	3962429.8 Ops/sec
isEmpty array of objects	6384031.5 Ops/sec
length empty array of objects	14556654.0 Ops/sec
custom isEmpty array of objects	3965915.2 Ops/sec
isEmpty empty string	5516412.0 Ops/sec
length empty string	14692755.0 Ops/sec
custom isEmpty empty string	6470420.5 Ops/sec
isEmpty filled string	7804552.0 Ops/sec
length filled string	14630018.0 Ops/sec
custom isEmpty filled string	6407433.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