Lodash orderby descending 在 JavaScript 中不起作用（React Native）

Question

我正在从服务器获取数组，如下所示。

[
  {
    id: '508',
    class: 'class1',
    value: '6.0',
    percentage: '8.90',
    color: 'black'
  },
  {
    id: '509',
    class: 'class2',
    value: '14,916',
    percentage: '2.40',
    color: 'black'
  },
  {
    id: '510',
    class: 'class3',
    value: '14,916',
    percentage: '56.40',
    color: 'black'
  },
  {
    id: '511',
    class: 'class',
    value: '4,916',
    percentage: '2.40',
    color: 'black'
  }
]

从上面的列表中，我必须显示最大百分比值到最小值。

所以，我试过如下。

if (jsonData) {
      const sortedArray = orderBy(
        jsonData,
        ['percentage'],
        ['desc']
      );
      console.log('sortedArray is ', sortedArray);

}

同样的顺序又来了，不是从最大值到最小值的顺序。

有什么建议吗？

Answer 1

你可以简单地使用原生JS的sort功能

let arr = [{ id: '508',class: 'class1',value: '6.0',percentage: '8.90',color: 'black' },{ id: '509',class: 'class2',value: '14,916',percentage: '2.40',color: 'black' },{ id: '510',class: 'class3',value: '14,916',percentage: '56.40',color: 'black' },{ id: '511',class: 'class4',value: '4,916',percentage: '2.40',color: 'black' }]

let op = arr.sort(({percentage:A},{percentage:B})=>parseFloat(B) - parseFloat(A))

console.log(op)

Answer 2

我已将您的 post 更新为使用实际的 javascript 字符串，但除此之外。您的百分比属性是一个字符串而不是数字，因此 lodash 的排序方式不同。要么确保百分比以正确的数字从服务器返回，要么将它们映射到一个数字。

var data = [
  {
    id: '508',
    class: 'class1',
    value: '6.0',
    percentage: '8.90',
    color: 'black'
  },
  {
    id: '509',
    class: 'class2',
    value: '14,916',
    percentage: '2.40',
    color: 'black'
  },
  {
    id: '510',
    class: 'class3',
    value: '14,916',
    percentage: '56.40',
    color: 'black'
  },
  {
    id: '511',
    class: 'class',
    value: '4,916',
    percentage: '2.40',
    color: 'black'
  }
];

var correctedData = data.map( element => {
  // This will be a copy of every element, with the addition
  // of a new percentage value.
  // 
  var correctedElement = { 
    ...element,
    percentage: parseFloat(element.percentage)
  }
  return correctedElement;
});

var sortedArray = _.orderBy(correctedData, ['percentage'], ['desc']);

console.log(sortedArray)

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

Lodash orderby descending 在 JavaScript 中不起作用（React Native）

Loadash orderby descending not working in JavaScript (React Native)

javascript

sorting

descendant