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 (X11; Linux x86_64; rv:91.0) Gecko/20100101 Firefox/91.0

Browser: Firefox 91

Operating system: Linux

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Underscore sortBy()	796070.8 Ops/sec
Vanilla sort()	2229013.2 Ops/sec
Vanilla CUSTOM sort method	7721524.5 Ops/sec
localeCampare	1147712.5 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