我有以下数据:
我想知道如何按特定顺序对这些进行排序。
顺序必须是:黄、蓝、白、绿、红,然后在这些颜色中,首先显示最小的数字。
所以在这种情况下,正确的排序应该是: y2、y3、b0、b2、b6、w2、g7、r4
有人对如何实现这一目标有任何想法吗?我正在使用 underscore.js 如果这样更容易的话。
最佳答案
这天真地假设所有元素都具有有效颜色(或者至少它首先对具有无效颜色的元素进行排序):
arr.sort( ( a, b ) => {
const colorOrder = ['yellow', 'blue', 'white', 'green', 'red'];
const aColorIndex = colorOrder.indexOf( a.color );
const bColorIndex = colorOrder.indexOf( b.color );
if ( aColorIndex === bColorIndex )
return a.card - b.card;
return aColorIndex - bColorIndex;
} );
示例:
const sorted = [
{ color: 'yellow', card: '3' },
{ color: 'red', card: '4' },
{ color: 'blue', card: '6' },
{ color: 'white', card: '2' },
{ color: 'blue', card: '2' },
{ color: 'yellow', card: '2' },
{ color: 'blue', card: '0' },
{ color: 'green', card: '7' },
].sort( ( a, b ) => {
const colorOrder = ['yellow', 'blue', 'white', 'green', 'red'];
const aColorIndex = colorOrder.indexOf( a.color );
const bColorIndex = colorOrder.indexOf( b.color );
if ( aColorIndex === bColorIndex )
return a.card - b.card;
return aColorIndex - bColorIndex;
} );
// Result:
[
{ "color": "yellow", "card": "2" },
{ "color": "yellow", "card": "3" },
{ "color": "blue", "card": "0" },
{ "color": "blue", "card": "2" },
{ "color": "blue", "card": "6" },
{ "color": "white", "card": "2" },
{ "color": "green", "card": "7" },
{ "color": "red", "card": "4" }
]
关于javascript - 按特定字符串顺序对对象的 Javascript 数组进行排序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38966514/