Loadash降序降序在JavaScript中不起作用（React Native）

Question

I am getting array from server like below.

[
  {
    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'
  }
]

From above list, I have to show Maximum percentage values to lowest values.

So, I tried like below.

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

}

Its coming again same order, Not ordering from maximum values to lowest values.

Any suggestions?

Answer 1

I have updated your post to use actual javascript strings, but beside that. Your percentage property is a string and not a number so the ordering is done differently by lodash. Either ensure the percentages come back as proper numbers from the server or map them to a number.

 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> 

Answer 2

You can simply use sort function of native JS

 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)