How to sort an array of objects with with values that contain numbers and string

Question

I want to sort by property name in array object.

const arr = [
  {id:1, name: 'A1'},
  {id:2, name: 'A2'},
  {id:3, name: 'A3'},
  {id:4, name: 'B1'},
  {id:5, name: 'B2'},
  {id:6, name: 'A21'},
  {id:7, name: 'A11'},
  {id:8, name: 'A4'},
  {id:9, name: 'A12'},
]

arr.sort((a,b) => a.name.localeCompare(
  b.name,
  undefined,
  { numeric: true }
))

console.log(arr)

The result I am looking for is 1:A1, 2:A2, 3:A3, 7:A11, 6:A21, 4:B1, 5:B2.

Thank you :)

Does this answer your question? [Does ES6 introduce a well-defined order of enumeration for object properties?](https://stackoverflow.com/questions/30076219/does-es6-introduce-a-well-defined-order-of-enumeration-for-object-properties) — SMAKSS, Oct 25 '22 at 11:47
You'd have to separate the two pieces of data (the letter and the number), parse the numeric string as a number, and sort on the two properties separately. — David, Oct 25 '22 at 11:48

score 1 · Accepted Answer · answered Oct 25 '22 at 11:55

1

Use localeCompare with numeric: true:

arr.sort((a, b) => a.name.localeCompare(
    b.name,
    undefined,
    { numeric: true }
));

answered Oct 25 '22 at 11:55

Robo Robok

21,132
17
68
126

score -1 · Answer 2 · answered Oct 25 '22 at 12:04

You can use .localeCompare with numeric option

DEMO:

const arr = [{id:1, name: 'A1'},{id:2, name: 'A2'},{id:3, name: 'A3'},{id:4, name: 'B1'},{id:5, name: 'B2'},{id:6, name: 'A21'},{id:7, name: 'A11'}];

const sorted = arr.sort(({ name: a }, { name: b }) => 
    a.localeCompare(b, undefined, { numeric: true }));
    
console.log(sorted);

.as-console-wrapper { max-height: 100% !important; top: 0 }

How to sort an array of objects with with values that contain numbers and string

2 Answers2

Linked

Related