Run results for: Lodash orderBy vs array.prototype.sort vs vanila orderBy

Run details:

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

Browser: Chrome 126

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 months ago

Test name	Executions per second
_.orderBy asc	12.5 Ops/sec
array.prototype.sort asc	513.7 Ops/sec
_.orderBy desc	42.2 Ops/sec
array.prototype.sort desc	513.7 Ops/sec
orderBy asc	101.5 Ops/sec
orderBy desc	102.2 Ops/sec

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Script Preparation code:

function getRandomInt(max) {
  return Math.floor(Math.random() * Math.floor(max));
}

var arr = [];
for(var i = 0; i < 100000; i++){
  arr.push({value:getRandomInt(100)});
}

function orderBy(arr, props, orders) {
  return [...arr].sort((a, b) => {
    for (let i = 0; i < props.length; i++) {
      const prop = props[i];
      const order = orders && orders[i] ? orders[i] : 'asc';
      
      // Handle prop as a function or a string
      const valueA = typeof prop === 'function' ? prop(a) : a[prop];
      const valueB = typeof prop === 'function' ? prop(b) : b[prop];

      // Normalize string values for case-insensitive comparison
      const normalizedA = typeof valueA === 'string' ? valueA.toLowerCase() : valueA;
      const normalizedB = typeof valueB === 'string' ? valueB.toLowerCase() : valueB;

      if (normalizedA < normalizedB) return order === 'asc' ? -1 : 1;
      if (normalizedA > normalizedB) return order === 'asc' ? 1 : -1;
    }
    return 0;
  });
}

Tests:

_.orderBy asc
_.orderBy(arr,(el) => el.value, "asc");
array.prototype.sort asc
arr.sort((a,b) => a.value - b.value);
_.orderBy desc
_.orderBy(arr,(el) => el.value, "desc");
array.prototype.sort desc
arr.sort((a,b) => b.value - a.value);
orderBy asc
orderBy(arr,(el) => el.value, "asc");
orderBy desc
orderBy(arr,(el) => el.value, "desc");

Run results for: Lodash orderBy vs array.prototype.sort vs vanila orderBy

_.orderBy asc

array.prototype.sort asc

_.orderBy desc

array.prototype.sort desc

orderBy asc

orderBy desc