Сортировка элементов JSON, отвечающих определенным критериям

Question

Я пытаюсь сортировать JSON по дате выпуска по случайным, по алфавиту или по популярности. Я не уверен, что ответ здесь, я проверил, и я не могу понять, это для меня.

Мой JavaScript JQuery код захватывает файл JSON для меня:

$.getJSON("js/example.json", function(data) { 
    $.each(data.articles, function() { 
     //code 
    }); 
}); 

Я хочу JavaScript, чтобы собрать данные из всех элементов в статьях и сортировать их. После этого его можно было бы добавить в HTML через for() или что-то лучше.

Вот что выглядит JSON.

{ 
    "articles":[ 
     { 
      "name":"aaa", 
      "date":"10/13/15", 
      "views":65 
     }, 
     { 
      "name":"ccc", 
      "date":"10/17/15", 
      "views":175 
     }, 
     { 
      "name":"bbb", 
      "date":"10/11/15", 
      "views":54 
     }, 
     { 
      "name":"ddd", 
      "date":"10/17/15", 
      "views":6 
     } 
    ] 
} 

Answer 1

JavaScript имеет вид массива: http://www.w3schools.com/jsref/jsref_sort.asp

Никогда не возражаете, это было сказано мне, что эта связь не имеет соответствующих примеров. Тем не менее, я действительно думаю, что это то, что вы ищете.

Answer 2

Fiddle:

https://jsfiddle.net/ppLso0mg/

Вы можете, как правило, используют функцию someArr.sort(), которая принимает функцию компаратора. Функция работает, давая вам a и b, которые вы должны определить.

Ниже приведен пример 3 разных компараторов для 3 разных свойств вашего объекта JSON. Я позволю вам использовать свое воображение, как вы могли бы объединить их в одну большую функцию. Но это должно хотя бы проиллюстрировать, как это работает.

var json = 
[ 
{ 
"name": "aaa", 
"date": "10/13/15", 
"views": 65 
}, 
{ 
"name": "ccc", 
"date": "10/17/15", 
"views": 175 
}, 
{ 
"name": "bbb", 
"date": "10/11/15", 
"views": 54 
}, 
{ 
"name": "ddd", 
"date": "10/17/15", 
"views": 6 
} 
]; 

var sortFunctions = 
{ 
    name: function(a, b) 
    { 
     return a.name.localeCompare(b.name); 
    }, 
    date: function(a, b) 
    { 
     if(a.date == b.date) 
     { 
      return 0; 
     } 

     var aDate = new Date(a.date); 
     var bDate = new Date(b.date); 

     return aDate > bDate ? 1 : -1; 
    }, 

    views: function(a, b) 
    { 
     if(a.views == b.views) 
     { 
      return 0; 
     } 

     return a.views > b.views ? 1 : -1; 
    } 
}; 

json.sort(sortFunctions.name); 
console.log(json); 

json.sort(sortFunctions.date); 
console.log(json); 

json.sort(sortFunctions.views); 
console.log(json); 

Answer 3

Вы можете указать собственную функцию сравнения для метода сортировки массива Функция компаратора должны получать 2 параметров и возврата:

• -1, если первый параметр должен идти перед тем второй в отсортированном массиве.
• 0, если вы считаете оба параметра равными равным (каждый может пойти раньше).
• 1, если первый параметр должен быть отправлен после второй параметр.

Используя это, вы можете создать свою собственную функцию ad hoc compator и отсортировать массив, используя свой собственный критерий. В качестве примера, вы можете увидеть здесь функцию для сортировки вашего массива на основе его собственности имени и другую для сортировки на основе его собственности просмотров:

function compareByName(a, b) { 
    var namea = a.name, nameb = b.name; 
    for(var i = 0; i < namea.length && i < nameb.length; i++) { 
     if(namea.charCodeAt(i) !== nameb.charCodeAt(i)) 
      return namea.charCodeAt(i) - nameb.charCodeAt(i); 
    } 
    return namea.length - nameb.length; 
} 

function compareByViews(a, b) { 
    return a.views - b.views; 
} 

С теми функциями, созданных и с вашим объектом, содержащей статью, сохраненной в data, вы можете сортировать это так:

data.articles.sort(compareByName); //sort by name 
data.articles.sort(compareByViews); //sort by views 

вы можете увидеть полный пример работает here.