Angularjs sort elements based on number of values

Question

I have a json object of the form

{
    "key1": ["value4"],
    "key2": ["value1","value2","value3"],
    "key3": ["value5","value6"]
}

I want to sort them based on the number of the values which should look like

{
    "key2": ["value1","value2","value3"],
    "key3": ["value5","value6"],
    "key1": ["value4"]
}

Anyone please help me.

That is not valid JSON. Did you mean "key1": ["value4"] etc? — tasseKATT
– tasseKATT, Commented Jun 7, 2014 at 8:40
Object properties have no language defined order so there is no guarantee as to the order in which you iterate over the properties. Can you explain the use case? Do you want them ordered with ng-repeat? Do you need the keys? Will turning it into an array for easy sorting be acceptable? — tasseKATT
– tasseKATT, Commented Jun 7, 2014 at 9:07

tasseKATT · Accepted Answer · 2014-06-07 09:39:55Z

1

I would recommend creating a new array based on your data and work with that instead:

var json = {
  "key1": ["value4"],
  "key2": ["value1", "value2", "value3"],
  "key3": ["value5", "value6"]
};

$scope.items = [];

function fillItems() {
  for (var key in json) {
    if (json.hasOwnProperty(key)) {
      $scope.items.push({
        key: key,
        values: json[key]
      });
    }
  }
}

fillItems();

HTML:

<div ng-repeat="item in items | orderBy:'values.length':true">
  Key: {{ item.key }} Values: {{ item.values }}
</div>

Demo: http://plnkr.co/edit/WnII9LoQX3oHztXtzoLx?p=preview

answered Jun 7, 2014 at 9:39

tasseKATT

38.5k8 gold badges87 silver badges67 bronze badges

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

Comments

Burhan · Accepted Answer · 2014-06-07 09:57:34Z

Here is my solution, the problem is i cant change the key names but it sorts the values by array's length. So if the key names doesnt matter this would work for you but if you want to sort keys too you need to create a new array.

var obj = {
    "key1": ["value4"],
    "key2": ["value1","value2","value3"],
    "key3": ["value5","value6"]
}
//property count of your object
var length = Object.keys(obj).length;

var j;
var flag = true;   // set flag to true to begin first pass
var temp;   //holding variable

while ( flag )
{
    flag= false;    //set flag to false awaiting a possible swap
    for( j=0;  j < length -1;  j++ )
    {
        if ( obj[Object.keys(obj)[j]].length < obj[Object.keys(obj)[j+1]].length )   // change to > for ascending sort
        {
            temp = obj[Object.keys(obj)[j]];//swap elements

            obj[Object.keys(obj)[j]] = obj[Object.keys(obj)[j+1]];
            obj[Object.keys(obj)[j+1]] = temp;

            flag = true; //shows a swap occurred  


        } 
    } 
}

Collectives™ on Stack Overflow

Angularjs sort elements based on number of values

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related