Ordering the objects in a particular order - Angular

Question

I have an object of objects. And I want to show the objects and its values in specific order.(not alphabetically)

How can I achieve that with angular? Here it is my sample object

var filters = {
    language : { someProperty : "prop1", someOther : "prop2" },
    country : { resumeProp : "prop", resumeProp2 : false },
    destination { resumeProp : "prop", resumeProp2 : false },
};

I want to arrange example destination, country and then language.

I will display the keys and the iterate over their values with ng-repeat. But I want to display the keys in a particular order. — Beslinda N.
– Beslinda N., Commented May 11, 2016 at 11:52
If you want your custom ordering scheme as in your example: destination, country and language, you will need to do that manually. But if you want a lexicographic sort, than you can sort the keys and get the values based on those keys. — Jagrut
– Jagrut, Commented May 11, 2016 at 12:11

Jonathan Argentiero · Accepted Answer · 2016-05-11 13:44:33Z

1

JavaScript objects are unordered by definition (see the ECMAScript Language Specification, section 4.3.3). The language specification doesn't even guarantee that, if you iterate over the properties of an object twice in succession, they'll come out in the same order the second time.

If you need things to be ordered, use an array and the Array.prototype.sort method:

var filters = [
    { name: "language", order: 2, someProperty : "prop1", someOther : "prop2" },
    { name: "country", order: 1, resumeProp : "prop", resumeProp2 : false },
    { name: "destination", order: 0, resumeProp : "prop", resumeProp2 : false }
];

function compare(a,b) {
  if (a.order < b.order)
    return -1;
  else if (a.order > b.order)
    return 1;
  else 
    return 0;
}

filters.sort(compare); // destination, country, language

If you are coding in ES6 you can use the Map object which is similar to an Object and guarantees key order.

If the original object cannot be modified then

create another array with the object's indexes like var filtersKey = ['destination', 'country', 'language'];
run the ng-repeat on that array.
get the values from the original object using filters[value] where value represents each string contained in filtersKey exposed by the ng-repeat.

edited May 11, 2016 at 13:44

answered May 11, 2016 at 12:04

Jonathan Argentiero

5,7478 gold badges32 silver badges34 bronze badges

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

3 Comments

Beslinda N. Over a year ago

I cannot add new objects in my array as you did 'order'. I want to sort the keys only and get the values accordingly

Jonathan Argentiero Over a year ago

@BesaNeziri then you can define a new array like var filtersKey = ['destination', 'country', 'language'] and run the ng-repeat on that array. Then with the value you get filters[value] from the other array. Directly sorting object keys is impossible.

Jonathan Argentiero Over a year ago

@BesaNeziri I updated the answer, please accept it :)

Collectives™ on Stack Overflow

Ordering the objects in a particular order - Angular

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related