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

Browser: Chrome 102

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
isEmpty empty array	4551818.0 Ops/sec
length empty array	11268417.0 Ops/sec
custom isEmpty empty array	3673744.8 Ops/sec
isEmpty array of strings	5122430.0 Ops/sec
length array of strings	11297584.0 Ops/sec
custom isEmpty array of strings	3077671.2 Ops/sec
isEmpty array of objects	5190641.0 Ops/sec
length empty array of objects	11427591.0 Ops/sec
custom isEmpty array of objects	3160003.2 Ops/sec
isEmpty empty string	6125621.5 Ops/sec
length empty string	11295902.0 Ops/sec
custom isEmpty empty string	5039316.0 Ops/sec
isEmpty filled string	6092250.0 Ops/sec
length filled string	11200515.0 Ops/sec
custom isEmpty filled string	4679117.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