I want to sort a json and put it in a for loop to list on web, how can I do?

Question

I have a json

var Model = { listAll: function() { var boxes = [{ you:'128'; him:'250'; me:'56' }, { you:'72'; him:'8'; me:'101' }, { you:'224'; him:'97'; me:'35' }, { you:'81'; him:'35'; me:'688' }]; return boxes; } };
and I want to SORT it according to property "him" ascendingly.
then I want to throw it in a "for" loop to list all the data of the json ascendingly accordingly to "him" on webpage. The code goes like this:

<% for(var i=0; i <%= boxes.him %> <%= boxes.you %> <%= boxes.me %>
<% } %>

Can anyone teach me how to do it?

Show us what you tried, can you post your code so far and a demo to reproduce your particular issue? — elclanrs, Feb 21 '14 at 08:52
possible duplicate of [Sorting objects in an array by a field value in JavaScript](http://stackoverflow.com/questions/1129216/sorting-objects-in-an-array-by-a-field-value-in-javascript) — Felix Kling, Feb 21 '14 at 09:07
Please note that the data you have is **not** JSON, it's a normal JavaScript object. Your question has **nothing** to do with JSON. — Felix Kling, Feb 21 '14 at 09:07
possible duplicate of http://stackoverflow.com/questions/8175093/simple-function-to-sort-a-json-object-using-javascript/8175221#8175221 — mr rogers, Feb 21 '14 at 09:10

score 1 · Answer 1 · answered Feb 21 '14 at 08:59

1

You have errors in that JSON, values shouldn't be terminated with ";" but ",". Here is working example that extends your model and returns sorted list:

var Model = {
  listAll: function() {
    var boxes = [{
      you:'128',
      him:'250',
      me:'56'
    }, {
      you:'72',
      him:'8',
      me:'101'
    }, {
      you:'224',
      him:'97',
      me:'35'
    }, {
      you:'81',
      him:'35',
      me:'688'
    }];
    return boxes;
  },
  listSorted: function() {
    var sortedBoxes = this.listAll();
    return sortedBoxes.sort(function(a,b) {
        return a['him'] - b['him'];
    });
  }
};
console.log(Model.listSorted());

answered Feb 21 '14 at 08:59

Goran.it

5,991
2
23
25

*"You have errors in that JSON"*: It's not even JSON. – Felix Kling Feb 21 '14 at 09:08
@FelixKling right, but thats another question .. I just showed how to sort it as requested :) – Goran.it Feb 21 '14 at 09:20
Sure, but you shouldn't use wrong terminology. Other, probably less experienced, users will read your answer and then adapt the incorrect use of the term "JSON" as well. – Felix Kling Feb 21 '14 at 09:24
You're right .. I still didn't have my morning coffee, my mistake – Goran.it Feb 21 '14 at 09:25

score 0 · Accepted Answer · answered Feb 21 '14 at 09:05

You can do it like this, and you have an example of "for" loop.

var Model = {
    listAll: function () {
        var boxes = [{
            you: '128',
            him: '250',
            me: '56'
        }, {
            you: '72',
            him: '8',
            me: '101'
        }, {
            you: '224',
            him: '97',
            me: '35'
        }, {
            you: '81',
            him: '35',
            me: '688'
        }];

        return boxes;
    }
};

var sortByHim = function (a, b) {
  return a.him - b.him;
}

var sortedList = Model.listAll().sort(sortByHim);

for (var i = 0; i < sortedList.length; i++){
  console.log(sortedList[i].him);
}

I have worked it out!Thank you for your pointer :) ,still thanks for other friends' kindly advises!! — user3326135, Feb 21 '14 at 14:39

I want to sort a json and put it in a for loop to list on web, how can I do?

2 Answers2