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

Browser: Chrome 111

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
isEmpty empty array	5904431.5 Ops/sec
length empty array	12976394.0 Ops/sec
custom isEmpty empty array	4095134.2 Ops/sec
isEmpty array of strings	5904296.5 Ops/sec
length array of strings	12907124.0 Ops/sec
custom isEmpty array of strings	3457744.0 Ops/sec
isEmpty array of objects	5906289.0 Ops/sec
length empty array of objects	12957545.0 Ops/sec
custom isEmpty array of objects	3567380.0 Ops/sec
isEmpty empty string	7097361.5 Ops/sec
length empty string	12969916.0 Ops/sec
custom isEmpty empty string	5780473.0 Ops/sec
isEmpty filled string	7106348.5 Ops/sec
length filled string	12940872.0 Ops/sec
custom isEmpty filled string	5673340.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