Sort an array of objects based on a numeric key given as String

Question

I have an an array with key-value pair, array columns are id and name. I want to sort this array by id.

The id column value is of type string type but I want to sort them as numeric values.

var items = [
{
    "id": "165",
    "name": "a"
},
{
    "id": "236",
    "name": "c"
},
{
    "id": "376",
    "name": "b"
},
{
    "id": "253",
    "name": "f"
},
{
    "id": "235",
    "name": "e"
},
{
    "id": "24",
    "name": "d"
},
{
    "id": "26",
    "name": "d"
}
]

Okay, thanks for the explanation. What is your actual question? — Krishna Prashatt, Jun 28 '18 at 10:20
Not Possible duplicate value according to my code BraveButter — Anshul, Jun 28 '18 at 10:21
My question is I want to sort this array by Id column but when i sort it on server side code it shows 1,10,100,11,111,12,2 which is wrong i want 1,2,34.... Krishna Prashatt — Anshul, Jun 28 '18 at 10:23

score 4 · Answer 1 · answered Jun 28 '18 at 10:20

4

items.sort((a,b)=>a.id-b.id)

answered Jun 28 '18 at 10:20

Manoj

1,175
7
11

This won't work on older browsers, but is widely supported. – Hudson Jun 28 '18 at 10:21

score 1 · Accepted Answer · answered Jun 28 '18 at 10:21

1

Use Arrays.sort()

var arr = [{"id":"165","name":"a"},{"id":"236","name":"c"},{"id":"376","name":"b"},{"id":"253","name":"f"},{"id":"235","name":"e"},{"id":"24","name":"d"},{"id":"26","name":"d"}];
arr.sort((a,b)=> Number(a.id) - Number(b.id));
console.log(arr);

answered Jun 28 '18 at 10:21

amrender singh

7,949
3
22
28

@Anshul ie doest not support arrow functions, replace arrow function write function(a,b). And please mark answer as accepted if it helped you – amrender singh Jul 03 '18 at 13:02
Yes you are right It is working after changing arrow to function(a,b). @amrender singh – Anshul Jul 05 '18 at 13:16

score 1 · Answer 3 · answered Jun 28 '18 at 10:22

var items = [
{
    "id": "165",
    "name": "a"
},
{
    "id": "236",
    "name": "c"
},
{
    "id": "376",
    "name": "b"
},
{
    "id": "253",
    "name": "f"
},
{
    "id": "235",
    "name": "e"
},
{
    "id": "24",
    "name": "d"
},
{
    "id": "26",
    "name": "d"
}];
items.sort((a, b) => Number(a.id) - Number(b.id));
console.log(items);

nandal · Answer 4 · 2018-06-28T10:43:25.000

1

var items = [
{
    "id": "165",
    "name": "a"
},
{
    "id": "236",
    "name": "c"
},
{
    "id": "376",
    "name": "b"
},
{
    "id": "253",
    "name": "f"
},
{
    "id": "235",
    "name": "e"
},
{
    "id": "24",
    "name": "d"
},
{
    "id": "26",
    "name": "d"
}];

// for asscending
items.sort((a, b) => Number(a.id) - Number(b.id));
console.log(items);
// for descending
items.sort((a, b) => Number(b.id) - Number(a.id));
console.log(items);

edited Jun 28 '18 at 10:43

answered Jun 28 '18 at 10:31

nandal

2,544
1
18
23

isn't the logic for descending order should be `-a+b` instead of `a+b` – Vignesh Raja Jun 28 '18 at 10:40

Vignesh Raja · Answer 5 · 2018-06-28T10:48:09.057

0

The numeric strings can be compared in many ways. Suppose the strings are a and b,

a-b
parseInt(a) - parseInt(b) - Reference - Java Script parseInt
+a - +b - Reference - Unary + operator to convert string to number
Number(a) - Number(b) - Reference - Javascript Global Number Object

var items = [{"id": "165","name": "a"},{"id": "236","name": "c"},{"id": "376","name": "b"},{"id": "253","name": "f"},{"id": "235","name": "e"},{"id": "24","name": "d"},{"id": "26","name": "d"}];

console.log(items.sort(function(a,b){ return parseInt(a.id)-parseInt(b.id) }));
console.log(items.sort(function(a,b){ return a.id-b.id }));
console.log(items.sort(function(a,b){ return +a.id - +b.id }));
console.log(items.sort(function(a,b){ return Number(a.id)-Number(b.id) }));

edited Jun 28 '18 at 10:48

answered Jun 28 '18 at 10:35

Vignesh Raja

7,927
1
33
42

@Anshul FYI, you can also use the unary `+` to convert and compare them – Vignesh Raja Jun 28 '18 at 10:49
Yes First one is working properly Because I was getting error on IE when using Arrow (=>) sign. Thanks @Vignesh Raja – Anshul Jul 05 '18 at 13:14

Sort an array of objects based on a numeric key given as String

5 Answers5

Linked