基於另一組鍵的對象數組排序

Question

我有兩個包含對象的數組。一個按順序包含鍵，另一個包含數據，我需要按照給定的排序鍵序列對數據數組進行排序。我怎樣才能做到這一點？

var a = ['d','a','b','c'] ; 
var b = [{a:1},{c:3},{d:4},{b:2}]; 

結果應該是：

result = [{d:4},{a:1},{b:2},{c:3] 

Answer 1

嘗試此

var a = ['d','a','b','c'] ; 
 
var b = [{a:1},{c:3},{d:4},{b:2}]; 
 

 
b.sort(function(x,y){ 
 
    var xkey = a.indexOf(Object.keys(x)[0]); 
 
    var ykey = a.indexOf(Object.keys(y)[0]); 
 
    return xkey - ykey; 
 
}) 
 

 
document.body.innerHTML += JSON.stringify(b,0,4);

Answer 2

蠻力方法是循環通過每一個陣列的並檢查B排列因爲它的存在。

var a = ['d','a','b','c'] ; 
 
var b = [{a:1},{c:3},{d:4},{b:2}]; 
 

 
var ans = []; 
 

 
for(var i = 0; i < a.length; ++i) 
 
{ 
 
for(var j = 0; j < b.length; ++j) 
 
{ 
 
    if(b[j][a[i]]) 
 
    ans.push(b[j]); 
 
} 
 
} 
 
document.write(JSON.stringify(ans, 0, 4));

Answer 3

這應該做的伎倆

result = a.map(function(key) { 
    for(var i=0; i<b.length; ++i) { 
     if(key in b[i]) return b[i]; 
    } 
}); 

Answer 4

從上面的人一種不同的方法是，使用Lodash JavaScript庫。

var a = ['d','a','b','c'] ; 
 
var b = [{a:1},{c:3},{d:4},{b:2}]; 
 

 
var results = _.map(a,function(av) { 
 
    var obj = {}; 
 
    obj[av] = _.find(b, av)[av]; 
 
    return obj 
 
}); 
 

 
document.body.innerHTML += JSON.stringify(results);

<script src="https://cdn.jsdelivr.net/lodash/4.11.1/lodash.min.js"></script>

Answer 5

這種方法尊重在所述陣列的所述對象鍵進行排序。

只有a的項目用於查找和它們各自的順序。

在這種情況下d得到的b該項目的所有排序值，所以d看起來

[ 1, 3, 0, 2 ] 

雖然與指數的排序，我們需要e，其中有b

簡單的索引

[ 0, 1, 2, 3 ] 

排序後變成

[ 2, 0, 3, 1 ] 

想要的排序順序。現在原始數組重新映射到新訂單。

但是爲什麼？

通常對象包含多個屬性。如果您使用Object.keys並只取第一個元素，那麼您可能會出錯，因爲此元素不是獲取排序順序的通緝元素。

要保存它，您需要一種不同的方法，它不會將Array#indexOf與固定項目Object.keys結合使用。

var a = ['d', 'a', 'b', 'c'], 
 
    b = [{ a: 1 }, { c: 3 }, { d: 4 }, { b: 2 }], 
 
    d = b.map(function (bb) { 
 
     var k = -1; 
 
     a.some(function (aa, i) { 
 
      if (aa in bb) { 
 
       k = i; 
 
       return true; 
 
      } 
 
     }); 
 
     return k; 
 
    }), 
 
    e = b.map(function (_, i) { return i; }); 
 

 
e.sort(function (a, b) { 
 
    return d[a] - d[b]; 
 
}); 
 

 
b = e.map(function (a) { 
 
    return b[a]; 
 
}); 
 

 
document.write('<pre> ' + JSON.stringify(b, 0, 4) + '</pre>');