How do you sort an array of objects properly?

Question

I seem to be having a little issue getting an array of objects to sort properly.

For example, let's say I have the following:

var items = [
    {id: '1', itn: '1'},
    {id: '2', itn: '10P'},
    {id: '3', itn: '2'},
    {id: '4', itn: '3'}
];

I need to sort this array based on the value in "itn." However, when I run the function below I get it listed as 1, 10P, 2, 3 instead of 1, 2, 3, 10P.

userData.sort(function (a, b) {
    return (b.itn > a.itn) ? -1 : (b.itn < a.itn) ? 1 : 0;
});

I'm a bit stuck in how to go forward with this and am also unsure what kind of keywords to search for to get the correct guidance. Any help is appreciated!

Thanks in advance.

If both arguments to < are strings, it compares lexicographically; "10P" is before "2" just like "aardvark" is before "b". parseInt if you want numeric comparison. — Amadan
– Amadan, Commented Feb 13, 2018 at 4:09
Note that this is an array of objects, not a multidimensional array. — jhpratt
– jhpratt, Commented Feb 13, 2018 at 4:25

Mamun · Accepted Answer · 2018-02-13 05:21:49Z

2

It seems that you are trying to sort the array based on the integer part present in itn. To achieve that you can use parseInt() to convert the item (itn) to integer then compare those integer values:

var userData = [
    {id: '1', itn: '1'},
    {id: '1', itn: '10P'},
    {id: '1', itn: '2'},
    {id: '1', itn: '3'}
];

var res = userData.sort(function (a, b) {
    a = parseInt(a.itn);
    b = parseInt(b.itn);
    return (b > a) ? -1 : (b < a) ? 1 : 0;
});
console.log(res)

edited Feb 13, 2018 at 5:21

answered Feb 13, 2018 at 4:10

Mamun

69k9 gold badges51 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

nicholaswmin Over a year ago

Minor: Using the unary operator +, i.e +'123' will also parse a String to a whole Number

Hassan Imam · Accepted Answer · 2018-02-13 05:33:29Z

0

You can use string#localeCompare with numeric property as true.

var items = [{id: '1', itn: '1'},{id: '1', itn: '10P'},{id: '1', itn: '2'},{id: '1', itn: '3'}];
items.sort((a,b) => a.itn.localeCompare(b.itn, undefined, {numeric: true}));
console.log(items);

answered Feb 13, 2018 at 5:33

Hassan Imam

22.6k6 gold badges45 silver badges53 bronze badges

Collectives™ on Stack Overflow

How do you sort an array of objects properly?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related