基于另一组键的对象数组排序

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