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

Browser: Chrome 128

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

length empty string

13.0M/s

length filled string

13.0M/s

length array of strings

12.9M/s

length empty array of objects

12.9M/s

length empty array

12.8M/s

isEmpty empty string

7.0M/s

isEmpty filled string

7.0M/s

isEmpty array of strings

5.9M/s

custom isEmpty empty string

5.8M/s

isEmpty array of objects

5.8M/s

isEmpty empty array

5.8M/s

custom isEmpty filled string

5.7M/s

custom isEmpty empty array

4.3M/s

custom isEmpty array of objects

3.7M/s

custom isEmpty array of strings

3.6M/s

View exact numbers

Test name	Executions per second
✓ length empty string	13,014,347 Ops/sec
length filled string	12,951,113 Ops/sec
length array of strings	12,942,596 Ops/sec
length empty array of objects	12,926,015 Ops/sec
length empty array	12,807,301 Ops/sec
isEmpty empty string	7,034,078 Ops/sec
isEmpty filled string	7,011,779 Ops/sec
isEmpty array of strings	5,860,886 Ops/sec
custom isEmpty empty string	5,848,944 Ops/sec
isEmpty array of objects	5,778,838 Ops/sec
isEmpty empty array	5,771,096 Ops/sec
custom isEmpty filled string	5,724,816 Ops/sec
custom isEmpty empty array	4,328,196 Ops/sec
custom isEmpty array of objects	3,725,741 Ops/sec
custom isEmpty array of strings	3,597,738 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);