How to sort an array based on Values of it's dynamic Objects

Question

This is probably a silly question, but how can I sort the below given array based on Values of it's Objects (Ascending Order - 1 to 6).

I can't use Object Key as an identifier since it's dynamic and will change based on User's settings. I got it working using the commented solution, but it doesn't work in IE since IE doesn't support "Object.values" yet.

$scope.data = [            
    { Type: 6 },
    { Path: 1 },
    { Text: 2 },
    { Name: 3 },
    { Icon: 5 },
    { Case: 4 }
];

$scope.data.sort(function (a, b) {
// This commented solution works fine in Chrome and FF, but not in IE since IE doesn't support "Object.values" yet.
//if (Object.values(a) < Object.values(b))
//    return -1;
//if (Object.values(a) > Object.values(b))
//    return 1;
//return 0;

if (a < b)
   return -1;
if (a > b)
   return 1;
return 0;
});

// Desired Result
$scope.data = [
    { Path: 1 },
    { Text: 2 },
    { Name: 3 },
    { Case: 4 },
    { Icon: 5 },
    { Type: 6 }
];

Nina Scholz · Accepted Answer · 2018-05-01 20:21:52Z

1

You could sort by the values of the object.

var data = [{ Type: 6 }, { Path: 1 }, { Text: 2 }, { Name: 3 }, { Icon: 5 }, { Case: 4 }];

data.sort((a, b) => Object.values(a) - Object.values(b));

console.log(data);

In IE11 with the first found key of the object.

var data = [{ Type: 6 }, { Path: 1 }, { Text: 2 }, { Name: 3 }, { Icon: 5 }, { Case: 4 }];

data.sort(function (a, b) {
    return a[Object.keys(a)[0]] - b[Object.keys(b)[0]];
});

console.log(data);

answered May 1, 2018 at 20:21

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

4 Comments

jshah Over a year ago

Thanks for your quick asnwer Nina. Your second solution for IE11 fixed the issue. :)

jshah Over a year ago

However, just encountered another error (SCRIPT1028: Expected identifier, string or number) in IE11, when I push those objects into that array: for (column in serverData) { var c; if (serverData[column] !== 0) { c = {[column] : serverData[column]}; $scope.data.push(c); } } Any idea what could be wrong on this line - " c = {[column] : serverData[column]};" ?

Nina Scholz Over a year ago

ie has no computed properties.

jshah Over a year ago

var c = {}; c[column] = serverData[column]; this did the trick.

grahamlyons · Accepted Answer · 2018-05-01 20:33:06Z

0

You can define a function to give you the object values in all browsers, including IE.

This answer has a better example than I came up with: Alternative version for Object.values()

answered May 1, 2018 at 20:33

grahamlyons

6875 silver badges16 bronze badges

Collectives™ on Stack Overflow

How to sort an array based on Values of it's dynamic Objects

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related