Run results for: Underscore _.sortBy() vs Vanilla .sort() vs Vanilla CUSTOM sort method vs Vanille .sort() using localeCompare

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.102 Safari/537.36

Browser: Chrome 98

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Underscore sortBy()	642250.8 Ops/sec
Vanilla sort()	1719646.0 Ops/sec
Vanilla CUSTOM sort method	3928504.0 Ops/sec
localeCampare	623403.8 Ops/sec

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js'></script>

Script Preparation code:

window.users = [
  { name: 'Ваня', level: '3' },
  { name: 'Саша', level: '1' },
  { name: 'Маша', level: '2' },
  { name: 'Ника', level: '3' },
  { name: 'Вера', level: '1' },
  { name: 'Саша', level: '2' },
  { name: 'Ваня', level: '2' }
];

window.sortBy = (key) => {
  return (a, b) => (a[key] > b[key]) ? 1 : ((b[key] > a[key]) ? -1 : 0);
};

function insertionSort(array, fieldName) {
  let { length } = array, items = [];
  let i, j, current;
  while (length--) {
    items[length] = array[length];
  }

  for (i = 1; i < length; i++) {
    current = items[i];
    j = i;
    while (j > 0 && getItem(items[j - 1], fieldName) > getItem(current, fieldName)) {
      items[j] = items[j - 1];
      j--;
    }
    items[j] = current;
  }
  return items;
}

function getItem(item, fieldName) {
  if (fieldName) {
    item = item[fieldName]
  }
  return item;
}

Tests:

Underscore sortBy()
_.sortBy(users, 'name')
Vanilla sort()
users.sort(sortBy("name"));
Vanilla CUSTOM sort method
insertionSort(users, "name");
localeCampare
users.sort((a, b) => a.name.localeCompare(b.name));

Run results for: Underscore _.sortBy() vs Vanilla .sort() vs Vanilla CUSTOM sort method vs Vanille .sort() using localeCompare

Underscore sortBy()

Vanilla sort()

Vanilla CUSTOM sort method

localeCampare