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; rv:128.0) Gecko/20100101 Firefox/128.0

Browser: Firefox 128

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: one year ago

length empty array

8.2M/s

length empty array of objects

8.1M/s

length array of strings

7.9M/s

length filled string

7.8M/s

length empty string

7.4M/s

isEmpty empty string

6.6M/s

isEmpty filled string

6.6M/s

custom isEmpty empty array

5.9M/s

custom isEmpty array of objects

5.8M/s

isEmpty empty array

5.3M/s

isEmpty array of objects

5.1M/s

isEmpty array of strings

5.1M/s

custom isEmpty empty string

4.9M/s

custom isEmpty filled string

4.8M/s

custom isEmpty array of strings

3.5M/s

View exact numbers

Test name	Executions per second
✓ length empty array	8,182,340 Ops/sec
length empty array of objects	8,114,858 Ops/sec
length array of strings	7,927,616 Ops/sec
length filled string	7,843,720 Ops/sec
length empty string	7,444,999 Ops/sec
isEmpty empty string	6,596,802 Ops/sec
isEmpty filled string	6,573,740 Ops/sec
custom isEmpty empty array	5,928,102 Ops/sec
custom isEmpty array of objects	5,826,167 Ops/sec
isEmpty empty array	5,347,750 Ops/sec
isEmpty array of objects	5,137,556 Ops/sec
isEmpty array of strings	5,099,799 Ops/sec
custom isEmpty empty string	4,922,654 Ops/sec
custom isEmpty filled string	4,771,350 Ops/sec
custom isEmpty array of strings	3,537,372 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);