Đặt thứ tự cho mảng đối tượng trong javascript

Question

Tôi cần tìm một cách đơn giản nhất để đặt thứ tự cho mảng đối tượng. Ví dụ, có một mảng:

var array = [ 
    {id: 1, name: "Matt"}, 
    {id: 2, name: "Jack"}, 
    {id: 3, name: "Morgan"}, 
    {id: 4, name: "Bruce"} 
]; 

và tôi đã cung cấp

var order = [1,4,2,3]; 

đó đề cập đến đối tượng id tài sản của array mục.

Bây giờ tôi cần phải sắp xếp lại mảng vì vậy nó nên được như:

var array = [ 
    {id: 1, name: "Matt"}, 
    {id: 4, name: "Bruce"}, 
    {id: 2, name: "Jack"}, 
    {id: 3, name: "Morgan"} 
] 

Answer 1

Sử dụng Array#sort phương pháp để phân loại và bên trong tùy chỉnh loại chức năng sử dụng Array#indexOf phương pháp để có được chỉ số.

var array = [{ 
 
    id: 1, 
 
    name: "Matt" 
 
}, { 
 
    id: 2, 
 
    name: "Jack" 
 
}, { 
 
    id: 3, 
 
    name: "Morgan" 
 
}, { 
 
    id: 4, 
 
    name: "Bruce" 
 
}]; 
 

 
var order = [1, 4, 2, 3]; 
 

 

 
array.sort(function(a, b) { 
 
    // sort based on the index in order array 
 
    return order.indexOf(a.id) - order.indexOf(b.id); 
 
}) 
 

 
console.log(array);

Answer 2

Bạn cũng có thể sử dụng reduce() trên [1,4,2,3] mảng trở về đối tượng mà các phím sẽ được các yếu tố và giá trị này sẽ được chỉ số của từng yếu tố và sau đó sắp xếp theo đối tượng đó.

var array = [ 
 
    {id: 1, name: "Matt"}, 
 
    {id: 2, name: "Jack"}, 
 
    {id: 3, name: "Morgan"}, 
 
    {id: 4, name: "Bruce"} 
 
]; 
 

 
var s = [1,4,2,3].reduce((r, e, i) => {return r[e] = i, r}, {}); 
 
var result = array.sort(function(a, b) { 
 
    return s[a.id] - s[b.id]; 
 
}); 
 
console.log(result)

Answer 3

Tôi đoán bất cứ điều gì có liên quan đến loại không thể có hiệu quả hơn nhiều so với một O (2n) giải pháp. Vì vậy, tôi muốn làm công việc này với hai làm giảm như sau;

var arr = [{id: 1, name: "Matt"}, {id: 2, name: "Jack"}, {id: 3, name: "Morgan"}, {id: 4, name: "Bruce"}], 
 
    order = [1,4,2,3], 
 
    lut = order.reduce((t,e,i) => (t[e] = i,t),{}), 
 
result = arr.reduce((res,obj) => (res[lut[obj.id]] = obj, res) ,[]); 
 
console.log(result);