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

length empty string

14.7M/s

length filled string

14.6M/s

length array of strings

14.6M/s

length empty array

14.6M/s

length empty array of objects

14.6M/s

isEmpty filled string

7.8M/s

custom isEmpty empty string

6.5M/s

custom isEmpty filled string

6.4M/s

isEmpty array of strings

6.4M/s

isEmpty array of objects

6.4M/s

isEmpty empty array

6.3M/s

isEmpty empty string

5.5M/s

custom isEmpty empty array

4.7M/s

custom isEmpty array of objects

4.0M/s

custom isEmpty array of strings

4.0M/s

View exact numbers

Test name	Executions per second
✓ length empty string	14,692,755 Ops/sec
length filled string	14,630,018 Ops/sec
length array of strings	14,621,481 Ops/sec
length empty array	14,565,225 Ops/sec
length empty array of objects	14,556,654 Ops/sec
isEmpty filled string	7,804,552 Ops/sec
custom isEmpty empty string	6,470,420 Ops/sec
custom isEmpty filled string	6,407,433 Ops/sec
isEmpty array of strings	6,386,431 Ops/sec
isEmpty array of objects	6,384,032 Ops/sec
isEmpty empty array	6,339,162 Ops/sec
isEmpty empty string	5,516,412 Ops/sec
custom isEmpty empty array	4,724,324 Ops/sec
custom isEmpty array of objects	3,965,915 Ops/sec
custom isEmpty array of strings	3,962,430 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);