基于精确值重新排列数组

Question

我想重新排列基于嵌套对象的字符串值之一的对象数组。数组必须按此顺序排列。我的尝试工作，但似乎像一个臃肿和可能效率低下的解决方案：

reorder(order) { 
    // create array with 4 null positions 
    var newOrder = [null, null, null, null]; 

    // order can have between 0 - 4 objects 
    for(var x = 0; x < order.length; x++){ 

     // based on value, assign predefined positions 
     switch (order[x].slug){ 
      case 'cheeseburger': 
       newOrder[0] = order[x]; 
       break; 
      case 'salad': 
       newOrder[1] = order[x]; 
       break; 
      case 'fries': 
       newOrder[2] = order[x]; 
       break; 
      case 'iceCream': 
       newOrder[3] = order[x]; 
       break; 
     } 
    } 
    console.log(newOrder); 
    return newOrder; 
} 

如何重新排列数组而不创建空位置？

codepen example

Answer 1

// assume you have the data arr 
 
var arr = [{ 
 
    slug: 'cheeseburger' 
 
}, { 
 
    slug: 'salad' 
 
}, { 
 
    slug: 'fries' 
 
}]; 
 

 
function reorder(arr){ 
 
// instead of switch, we put the order into an object 
 
var slugOrder = { 
 
    cheeseburger: 0, 
 
    salad: 1, 
 
    fries: 2 
 
}; 
 

 
// with the native sort function you can get expected results 
 
return arr.sort(function(itemA, itemB) { 
 
    return slugOrder[itemA] - slugOrder[itemB] 
 
}); 
 
} 
 
console.log(reorder(arr));

Answer 2

您可以定义使用自定义比较函数.sort()。

说明如下： https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

大厦塞布丽娜的答案：

var aMenu = [ 
{'name':'A','slug':'salad'}, 
{'name':'B','slug':'cheeseburger'}, 
{'name':'C','slug':'fries'}]; 
var oSlugOrder = {'cheeseburger':0,'salad':1,'fries':2}; 
aMenu.sort(function(oItemA, oItemB){ 
return oSlugOrder[oItemA.slug] - oSlugOrder[oItemB.slug]; });