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

Question

I have an array with key-value pairs, 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 also should work on IE

Here is my code:

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((a, b) => Number(a.ID) - Number(b.ID)))

Though the order does change it doesn't change as expected also in IE an error is thrown.

Have you tried anything. If so, please post your code. Stack Overflow is not a "write code for me" service. — Reinstate Monica Cellio, Jul 03 '18 at 12:42
www.google.com for real now.. This kind of question is asked like EVERY day here, every goddamn day, you can surely find an answer in one of the previous ones — Dellirium, Jul 03 '18 at 12:43
You can use sort function. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort — Powkachu, Jul 03 '18 at 12:43
item.sort((a, b) => Number(a.ID) - Number(b.ID)) I used but its not working on IE11. @Archer — Anshul, Jul 03 '18 at 12:44
@Anshul "it's not working" is not very helpful. What isn't working? Please add more details to your question — Luca Kiebel, Jul 03 '18 at 12:46
I am using angular 1 and I get a array of items shown above and want to show these items on UI according to ID column I use many codes using arrow (=> )for it but not working on IE11 only @Luca — Anshul, Jul 03 '18 at 12:48

score 2 · Answer 1 · answered Jul 03 '18 at 12:44

2

Now you can do it with pure JS, using the sort method..

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)=>+a.id>+b.id);
console.log(items);

answered Jul 03 '18 at 12:44

Renzo Calla

7,486
2
22
37

1

That's a sick one liner :) – bassxzero Jul 03 '18 at 12:46
Arrow functions don't work in IE – Andrew Bone Jul 03 '18 at 12:47
You are right arrow not working on IE @Andrew Bone – Anshul Jul 03 '18 at 12:49
Then don't use Arrow functions, they aren't needed here – Luca Kiebel Jul 03 '18 at 12:51
`items.sort(function(a, b){return +(a.id)>+(b.id)})` should work in IE – Andrew Bone Jul 03 '18 at 12:54
@Luca you are correct but this answer has one and it's where the OP is struggling – Andrew Bone Jul 03 '18 at 12:55
You can try separating the compare function as : `function compare(first, second) { }; items.sort(compare);` – Harun Or Rashid Jul 03 '18 at 12:57
item.sort(function (a, b) { return parseInt(a.id) - parseInt(b.id) }) this is working for all browsers – Anshul Jul 03 '18 at 13:04
@Andrew Bone, Luca, bassxzero, Harunur Rashid, Thanks for your valuable suggetions – Anshul Jul 03 '18 at 13:05

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

1 Answers1