JSFiddle - React, Tailwind, and code Playground

by Vladymyr Shevchuk

JavaScript

function sortStrings(arr, param = 'asc') {
 return arr.sort((a, b) => {
   const comparison = a.localeCompare(b, 'defualt', {caseFirst: 'upper'});
   return param === 'asc'
     ? comparison
     : -comparison;
 });
}

function sortStrings2(arrayForSort, orderType = 'asc') {
    const isAscending = orderType === 'asc';
       
    return arrayForSort.sort(function (a, b) {
        if (a > b) {
            return isAscending ? 1 : -1;
        }
        if (a < b) {
            return isAscending ? -1 : 1;
        }
        
        return 0;
    });
}

const userData = [{
    "rank": 3,
    "points": 3123,
    "name": "Marlana J. Huff",
    "age": 41
  },
  {
    "rank": 10,
    "points": 45345,
    "name": "Susan D. Jimenez",
    "age": 42
  },
  {
    "rank": 14,
    "points": 312,
    "name": "Richard M. Mass",
    "age": 11
  },
  {
    "rank": 13,
    "points": 3124,
    "name": "Joan T. Covert",
    "age": 13
  },
  {
    "rank": 20,
    "points": 31,
    "name": "Joseph S. Perez",
    "age": 23
  },
  {
    "rank": 19,
    "points": 6546,
    "name": "John R. Green",
    "age": 24
  },
  {
    "rank": 9,
    "points": 452,
    "name": "Elizabeth R. Olsen",
    "age": 15
  },
  {
    "rank": 1,
    "points": 134,
    "name": "Sharon R. Ryan",
    "age": 25
  },
  {
    "rank": 24,
    "points": 64563,
    "name": "Stacey D. Ward",
    "age": 30
  },
  {
    "rank": 2,
    "points": 755463,
    "name": "George K. Pancoast",
    "age": 35
  },
  {
    "rank": 18,
    "points": 42342,
    "name": "Dorothy J. Carroll",
    "age": 33
  },
  {
    "rank": 23,
    "points": 1241,
    "name": "Louis E. McCrae",
    "age": 65
  },
  {
    "rank": 15,
    "points": 654645,
    "name": "Camille B. Burton",
    "age": 17
  },
  {
    "rank": 4,
    "points": 5345345,
    "name": "Tommye R. Robinson",
    "age": 18
  },
  {
    "rank": 17,
    "points": 342,
    "name": "Grace C. Smith",
    "age": 19
  },
  {
    "rank": 22,
    "points": 213,
    "name": "Jennifer C....