適切なreduceの書き方を教えて下さい。

Question

#概要
オブジェクトが入った配列データを、loadの数値が大きい順に並び替えたいと考えています。
reduce関数を使用して前後の数値が大きい順に並び替えようと考えてのですが型エラーになってします。

  const sample_list = [
    {
      name:'jpn_001',
      load:10
    },
    {
      name:'jpn_002',
      load:8
    },
    {
      name:'jpn_003',
      load:21
    }
  ]
  const list_by_good_load = sample_list.reduce((a,b) => { // a,bが数値ではないと型エラーになります。
    return Math.max(a.load, b.load)
  })

適切な書き方を教えて頂けないでしょうか？

Answer 1

並び替えたいという要望に関してはsort等ご調査頂けたらと思いますが
reduceのエラーの原因はMath.maxの引数によるものです。
あくまで最大値を返す処理をエラーが出ないように修正したのが下記コードになります。

type Data = {
    name: string;
    load: number;
} 
 
const sample_list:Data[] = [
    { name: 'jpn_001', load: 10 },
    { name: 'jpn_002', load: 8  },
    { name: 'jpn_003', load: 21 },
]

const list_by_good_load = sample_list.reduce((a,b) => {
    return Math.max(a, b.load)
},0)

console.log(list_by_good_load);//21 

ついでにソート例も記載しておきます。

type Data = {
    name: string;
    load: number;
} 

const sample_list:Data[] = [
    { name: 'jpn_001', load: 10 },
    { name: 'jpn_002', load: 8  },
    { name: 'jpn_003', load: 21 },
]

const list_by_good_load = sample_list.sort((a, b) =>{
   if (a.load > b.load) {
       return -1;
   } else {
       return 1;
   }
});
console.log(list_by_good_load);
//  [{
//    "name": "jpn_003",
//    "load": 21
//  }, {
//    "name": "jpn_001",
//    "load": 10
//  }, {
//    "name": "jpn_002",
//    "load": 8
//  }]