javascriptでオブジェクトの配列に順序を設定する

Question

オブジェクトの配列に順序を設定する最も簡単な方法を見つける必要があります。 例えば、アレイがある：

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

は、私はarrayアイテムのidプロパティオブジェクトを参照

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

を提供しています。ソートにインデックスを取得する方法Array#indexOfカスタムソート関数の使用内

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

Answer 1

使用Array#sort方法：それはのようにする必要がありますので

は今、私は、配列の順序を変更する必要があります。キーは要素になり、値が、そのオブジェクトを並び替え、各要素のインデックスとされる場所

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

また、オブジェクトを返すために[1,4,2,3]アレイ上reduce()を使用することができます。

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

私は、ソート含ま何かがO（2N）ソリューションよりも効率的ではないことができますね。ですから、私はこのような仕事を2つの還元で以下のようにしたいと思います。だから、

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);