Benchmark: Underscore vs Lodash: isEqual 5

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js'></script>
<script type="text/javascript">
  window.lodash = _;
  _ = null;
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.13.2/underscore-min.js'></script>
<script type="text/javascript">
  window.underscore = _;
  _ = null;
</script>

Script Preparation code:

var str1 = "awesome";
var str2 = "sauce";

function getType(obj) {
    return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase();
}

 function isEqual(left, right) {
    function areArraysEqual() {
        if (left.length !== right.length) {
            return false;
        }

        // Check each item in the array
        for (let i = 0; i < left.length; i++) {
            if (!isEqual(left[i], right[i])) {
                return false;
            }
        }

        return true;
    }

    function areObjectsEqual() {
        if (Object.keys(left).length !== Object.keys(right).length) {
            return false;
        }

        // Check each item in the object
        for (let key in left) {
            if (Object.prototype.hasOwnProperty.call(left, key)) {
                if (!isEqual(left[key], right[key])) {
                    return false;
                }
            }
        }

        return true;
    }

    function areFunctionsEqual() {
        return left.toString() === right.toString();
    }

    function arePrimativesEqual() {
        return left === right;
    }

    let type = getType(left);

    if (type !== getType(right)) {
        return false;
    }

    if (type === "array") {
        return areArraysEqual();
    }

    if (type === "object") {
        return areObjectsEqual();
    }

    if (type === "function") {
        return areFunctionsEqual();
    }

    return arePrimativesEqual();

}

Tests:

Vanilla
str1 === str2
isequal test
isEqual(str1, str2)
var laa
str1 == str2
lodash
lodash.isEqual(str1, str2);
underscore
underscore.isEqual(str1, str2);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Vanilla
isequal test
var laa
lodash
underscore

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 2 years ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.51 Safari/537.36

Browser/OS: Chrome 99 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Vanilla	8278004.0 Ops/sec
isequal test	1348754.0 Ops/sec
var laa	8537103.0 Ops/sec
lodash	4099862.0 Ops/sec
underscore	3902319.0 Ops/sec

Underscore vs Lodash: isEqual 5 (version: 0)

Compare Underscore vs Lodash isEqual. Which is faster?

Comparing performance of: Vanilla vs isequal test vs var laa vs lodash vs underscore

Created: 2 years ago by: Guest

Jump to the latest result

Vanilla

isequal test

var laa

lodash

underscore

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A