필드를 기반으로 Json 데이터 정렬

Question

표시하기 전에 정렬해야하는 Json 데이터가 있습니다. 내 Json은 아래와 같습니다. ColumnLocation을 기준으로 정렬해야합니다. 정렬 된 배열 즉

[{ 
    "Name": "PieChart", 
    "Id": "1", 
    "ColumnLocation": "0", 
    "RowLocation": "0" 
}, { 
    "Name": "Calendar", 
    "Id": "2", 
    "ColumnLocation": "1", 
    "RowLocation": "0" 
}, { 
    "Name": "FavouriteFilter", 
    "Id": "3", 
    "ColumnLocation": "2", 
    "RowLocation": "0" 
}, { 
    "Name": "FilterResults", 
    "Id": "4", 
    "ColumnLocation": "0", 
    "RowLocation": "1" 
}, { 
    "Name": "Watched", 
    "Id": "5", 
    "ColumnLocation": "1", 
    "RowLocation": "1" 
}] 

패션을

col : 0, row 0 
col : 0, row 1 
col : 1, row 0 
col : 1, row 1 

Answer 1

lodash/밑줄 필요 없음 다음의 항목이 있어야합니다. 당신의 값이 문자열이기 때문에, 먼저 숫자로 구문 분석하고 비교해야 :

let a = [{"Name":"PieChart","Id":"1","ColumnLocation":"0","RowLocation":"0"},{"Name":"Calendar","Id":"2","ColumnLocation":"1","RowLocation":"0"},{"Name":"FavouriteFilter","Id":"3","ColumnLocation":"2","RowLocation":"0"},{"Name":"FilterResults","Id":"4","ColumnLocation":"0","RowLocation":"1"},{"Name":"Watched","Id":"5","ColumnLocation":"1","RowLocation":"1"}] 
 

 
let sorted = a.sort((a, b) => parseInt(a.ColumnLocation) - parseInt(b.ColumnLocation)); 
 

 
console.log(sorted);

Answer 2

짧고 달콤한 당신은 Array.prototype.sort를 사용할 수 있습니다.

let arr = [{"Name":"PieChart","Id":"1","ColumnLocation":"0","RowLocation":"0"},{"Name":"Calendar","Id":"2","ColumnLocation":"1","RowLocation":"0"},{"Name":"FavouriteFilter","Id":"3","ColumnLocation":"2","RowLocation":"0"},{"Name":"FilterResults","Id":"4","ColumnLocation":"0","RowLocation":"1"},{"Name":"Watched","Id":"5","ColumnLocation":"1","RowLocation":"1"}] 

arr.sort ((a, b) => { return parseInt (a.ColumnLocation) > parseInt (b.ColumnLocation) }); 

console.log (arr); 

숫자로 변환하지 않으면 정렬이 예상 한 것과 다를 수 있습니다.

Answer 3

_.sortBy (http://underscorejs.org/#sortBy)를 사용하지 않는 이유는 무엇입니까?

var mysortedarray = _.sortBy(myarray, 'ColumnLocation');