JavaScriptの子データのみの合計を取得したい

Question

前提・実現したいこと

配列の子データのみの合計を取得したいと考えています。

      items: [
        {
          id: 1,
          name: 'React',
          rate: 10,
        },
        {
          id: 2,
          name: 'Redux',
          rate: 20,
        },
        {
          id: 3,
          name: 'Flutter',
          rate: 30,
        },
       ]

合計は60が表示されれば良いのですが。

試してみたこと

reduce関数を使ってみようとしました。

    const sum = items.reduce((item, rate) => ( item + rate))

結果は[Object]が返されました。

Answer 1

items.reduce((sum, { rate }) => (sum + rate), 0); // -> 60

Array.prototype.reduce() - JavaScript | MDN

Comments

[k10a]

端的なご回答頂きまして、誠にありがとうございます。
問題なく表示されました。