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 array of strings

14.6M/s

length empty array

14.5M/s

length filled string

12.3M/s

length empty string

10.3M/s

length empty array of objects

9.9M/s

isEmpty empty string

6.7M/s

isEmpty filled string

6.6M/s

isEmpty array of strings

6.4M/s

isEmpty empty array

6.4M/s

custom isEmpty empty string

5.1M/s

isEmpty array of objects

5.0M/s

custom isEmpty filled string

4.9M/s

custom isEmpty empty array

4.7M/s

custom isEmpty array of strings

3.9M/s

custom isEmpty array of objects

3.0M/s

View exact numbers

Test name	Executions per second
✓ length array of strings	14,567,482 Ops/sec
length empty array	14,495,107 Ops/sec
length filled string	12,300,209 Ops/sec
length empty string	10,294,567 Ops/sec
length empty array of objects	9,877,771 Ops/sec
isEmpty empty string	6,725,451 Ops/sec
isEmpty filled string	6,575,069 Ops/sec
isEmpty array of strings	6,369,231 Ops/sec
isEmpty empty array	6,354,874 Ops/sec
custom isEmpty empty string	5,055,660 Ops/sec
isEmpty array of objects	5,012,964 Ops/sec
custom isEmpty filled string	4,943,220 Ops/sec
custom isEmpty empty array	4,729,560 Ops/sec
custom isEmpty array of strings	3,882,635 Ops/sec
custom isEmpty array of objects	2,957,262 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);