排序阵列

Question

，我有以下数据：

phones: { 
    'home': { 
    number: '1234567890', 
    primary: false, 
    preferred: false 
    }, 
    'mobile': { 
    number: '2134567890', 
    primary: true, 
    preferred: true 
    }, 
    'work': { 
    number: '1234567809', 
    primary: false, 
    preferred: true 
    } 
} 

我传送到一个阵营组成：

render: function() { 
    return (
    <MyComponent data={ 
     Object.keys(phones) 
     .reduce((prev, key) => [...prev, phones[key]], []) // omitting keys 
     .sort(this.sortPhoneNumbers) 
     } 
    /> 
) 
} 

这是我的自定义排序功能：

sortPhoneNumbers: function (a, b) { 
    if (a.preferred === b.preferred) { 
    return (b.primary - a.primary) 
    } else if (a.preferred < b.preferred) { 
    return 1 
    } else if (a.preferred > b.preferred) { 
    return -1 
    } else { 
    return 0 
    } 
} 

我想用Lodash sortBy function来代替。

Answer 1

您可以将它从Object.keys().reduce像

<MyComponent data={ 
     _.sortBy(Object.keys(phones) 
     .reduce((prev, key) => [...prev, phones[key]], []), 'preferred') 
     } 
    />