【发布时间】:2016-05-29 11:14:25
【问题描述】:
【问题讨论】:
标签: javascript jquery arrays json sorting
【问题讨论】:
标签: javascript jquery arrays json sorting
使用jQuery.get() 获取您的api 响应,然后使用Array.prototype.sort() 进行排序。
按Year排序:
$.get("http://www.omdbapi.com/?s=Batman&page=2", (result) => {
result.Search.sort((a, b, by) => {
return a.Year < b.Year ? -1 : a.Year > b.Year ? 1 : 0;
});
console.log(result);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
【讨论】:
您可以扩展原始Yosvel Quintero answer 以接受排序类型:
function sort(type) {
$.get("http://www.omdbapi.com/?s=Batman&page=2", ({ Search }) => {
Search.sort((a, b) => a[type] > b[type]);
console.log(`Sorted by: ${type}`);
console.log(Search);
});
}
sort('Year');
sort('Title');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
【讨论】:
function sort(type) {
$.get("http://www.omdbapi.com/?s=Batman&page=2", ({ Search }) => {
Search.sort((a, b) => a[type] > b[type]);
console.log(`Sorted by: ${type}`);
console.log(Search);
});
}
sort('Year');
sort('Title');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
function sort(type) {
$.get("http://www.omdbapi.com/?s=Batman&page=2", ({ Search }) => {
Search.sort((a, b) => a[type] > b[type]);
console.log(`Sorted by: ${type}`);
console.log(Search);
});
}
sort('Year');
sort('Title');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
【讨论】: