Sort array by firstname alphabetically in Javascript

Question

I got an array  see below for one object in the array  that I need to sort by firstname using JavaScript  How can I do it   var user        bio  null     email    user domain com      firstname   Anna      id  318     lastAvatar  null     lastMessage  null     lastname   Nickson      nickname   anny

User · Answer

Basically you can sort arrays with method sort  but if you want to sort objects then you have to pass function to sort method of array  so I will give you an example using your array  user      bio    lt null gt    email   user domain com   firstname   Anna   id  318   last avatar     lt null gt     last message     lt null gt    lastname   Nickson   nickname   anny       bio    lt null gt    email   user domain com   firstname   Senad   id  318   last avatar     lt null gt     last message     lt null gt    lastname   Nickson   nickname   anny       bio    lt null gt    email   user domain com   firstname   Muhamed   id  318   last avatar     lt null gt     last message     lt null gt    lastname   Nickson   nickname   anny       var ar   user sort function a  b      var nA   a firstname toLowerCase      var nB   b firstname toLowerCase       if nA  lt  nB      return -1    else if nA  gt  nB      return 1   return 0

User · Answer

I m surprised no one mentioned Collators  You shouldn t use localeCompare unless you have to as it has significantly worse performance  const collator   new Intl Collator  zh-CN        Chinese Simplified for example   numeric  true    sensitivity   base        function sortAsc a  b      if  typeof a      string   amp  amp  typeof b      string         return collator compare b  a         return b - a     function sortDesc a  b      if  typeof a      string   amp  amp  typeof b      string         return collator compare a  b          return a - b

User · Answer

try  users sort  a b   gt   a firstname gt b firstname  2-1     x000D   x000D  var users     x000D      firstname   Kate   id  318             x000D      firstname   Anna   id  319             x000D      firstname   Cristine   id  317             x000D    x000D   x000D  console log users sort  a b   gt   a firstname gt b firstname  2-1     x000D   x000D   x000D

User · Answer

A more compact notation   user sort function a  b       return a firstname     b firstname   0   a firstname  lt  b firstname   -1   1

User · Answer

Shortest possible code with ES6   users sort  a  b    gt  a firstname localeCompare b firstname     String prototype localeCompare   basic support is universal

User · Answer

You can use something similar  to get rid of case sensitive   users sort function a  b        compare two values   if a firstname toLowerCase    lt  b firstname toLowerCase    return -1    if a firstname toLowerCase    gt  b firstname toLowerCase    return 1    return 0

User · Answer

A generalized function can be written like below      function getSortedData data  prop  isAsc            return data sort  a  b    gt   a prop   lt  b prop    -1   1     isAsc   1   -1           you can pass the below parameters   The data which you want to sort The property in the data by it should be sorted The last parameter is of boolean type  It checks if you want to sort by ascending or by descending

User · Answer

If compared strings contain unicode characters you can use localeCompare function of String class like the following   users sort function a b       return a firstname localeCompare b firstname

User · Answer

Just for the record  if you want to have a named sort-function  the syntax is as follows    let sortFunction    a  b    gt     if a firstname  lt  b firstname    return -1     if a firstname  gt  b firstname    return 1     return 0     users sort sortFunction    Note that the following does NOT work    users sort sortFunction a b

User · Answer

in simply words you can use this method  users sort function a b  return a firstname  lt  b firstname   -1   1

User · Answer

underscorejs offers the very nice   sortBy function     sortBy   a 1   a 3   a 2     a     or you can use a custom sort function     sortBy   a  b    a  c    a  a     function i   return i a toLowerCase

User · Answer

Pushed the top answers into a prototype to sort by key   Array prototype alphaSortByKey  function  key        this sort function  a  b            if  a key   lt  b key               return -1          if  a key   gt  b key               return 1          return 0              return this

User · Answer

for a two factors sort  name and lastname    x000D   x000D  users sort  a  b    gt  a name toLowerCase    lt  b name toLowerCase     -1   a name toLowerCase    gt  b name toLowerCase     1   a lastname toLowerCase    lt  b lastname toLowerCase     -1   a lastname toLowerCase    gt  b lastname toLowerCase     1   0  x000D   x000D   x000D

User · Answer

Inspired from this answer   users sort  a b    gt   a firstname  - b firstname

User · Answer

We can use localeCompare but need to check the keys as well for falsey values  The code below will not work if one entry has missing lname   obj sort  a  b    gt  a lname localeCompare b lname     So we need to check for falsey value like below   x000D   x000D  let obj   x000D   name  john  lname  doe  address  Alaska    x000D   name  tom  lname  hopes  address  California    x000D   name  harry  address  Texas   x000D    x000D  let field  lname   x000D  console log obj sort  a  b    gt   a field         toString   localeCompare  b field         toString       x000D   x000D   x000D    OR   we can use lodash   its very simple   It will detect the returned values i e whether number or string and do sorting accordingly     import sortBy from  lodash sortBy   sortBy obj  name     https   lodash com docs 4 17 5 sortBy

User · Answer

also for both asec and desc sort  u can use this   suppose we have a variable SortType that specify ascending sort or descending sort you want    users sort function a b               return   sortType    asc   a firstName localeCompare  b firstName   -  a firstName localeCompare   b firstName

User · Answer

Suppose you have an array users  You may use users sort and pass a function that takes two arguments and compare them  comparator   It should return    something negative if first argument is less than second  should be placed before the second in resulting array  something positive if first argument is greater  should be placed after second one   0 if those two elements are equal    In our case if two elements are a and b we want to compare a firstname and b firstname  Example   users sort function a  b       if a firstname  lt  b firstname    return -1        if a firstname  gt  b firstname    return 1        return 0       This code is going to work with any type   Note that in  real life     you often want to ignore case  correctly sort diacritics  weird symbols like     etc when you compare strings  so you may want to use localeCompare  See other answers for clarity

User · Answer

You can use the in-built array method - sort  This method takes a callback method as a param            custom sort function to be passed as param callback to the Array s sort method     function myCustomSort a  b            return  a toLowerCase     b toLowerCase      1   -1                Actual method to be called by entity that needs sorting feature     function sortStrings             var op   Array prototype sort call arguments  myCustomSort                 Testing the implementation     var sortedArray   sortStrings  Burger    Mayo1    Pizza    boxes    Apples    Mayo        console log sortedArray       Apples    boxes    Burger    Mayo    Mayo1    Pizza       Key Points to be noted for understanding this code    The custom method  in this case  myCustomSort  should return  1 or -1 for each element pair from the input array  comparison  Use toLowerCase   toUpperCase   in the custom sorting callback method so that case difference does not affect the correctness of the sorting process    I hope this is clear enough explanation  Feel free to comment if you think  more info is needed    Cheers

User · Answer

In case we are sorting names or something with special characters  like    or             commons in Spanish  we could use the params locales  es for spanish in this case   and options like this    x000D   x000D  let user      firstname    Az     firstname      b     firstname   ay     firstname      a     firstname    Nz     firstname    ny     x000D   x000D   x000D  user sort  a  b    gt  a firstname localeCompare b firstname   es    sensitivity   base     x000D   x000D   x000D  console log user  x000D   x000D   x000D    The oficial locale options could be found here in iana  es  spanish   de  German   fr  French   About sensitivity base means       Only strings that differ in base letters compare as unequal  Examples  a   b  a       a   A

User · Answer

My implementation  works great in older ES versions   sortObject   function data        var keys   Object keys data       var result            keys sort         for var i   0  i  lt  keys length  i              var key   keys i            result key    data key              return result

User · Answer

Nice little ES6 one liner   users sort  a  b    gt  a firstname     b firstname   a firstname  lt  b firstname   -1   1   0

User · Answer

You can use this for objects  transform array  any    field  string   any     return array sort  a  b    gt  a field  toLowerCase       b field  toLowerCase     a field  toLowerCase    lt  b field  toLowerCase     -1   1   0

User · Answer

Something like this   array sort function a  b    var nameA a name toLowerCase    nameB b name toLowerCase     if  nameA  lt  nameB    sort string ascending   return -1   if  nameA  gt  nameB    return 1   return 0    default return value  no sorting

[javascript] Sort array by firstname (alphabetically) in Javascript

Examples related to javascript