配列の中にobjectが入るdataの適切なフィルタリングの仕方がわからない

Question

const data = [
  {
    id: '1',
    text: 'hogehoge'
  },
  {
    id: '2',
    text: 'fugafuga'
  }
]

上記のような配列の中にオブジェクトが格納されたdataのtextを結合した値を取り出したいのですが現状下記のように取り出しております

const text = () => {
  let returnText = '';
  for (let i in data) {
    returnText += data[i].text + '\n'
  }
  return returnText;
}

console.log(text())
// hogehoge fugafuga

これをlet returnText = '';のように空文字の変数を宣言して代入していくような方法ではなく一発でfunction処理でreturnするような方法はないでしょうか？（上手くは表現できませんが下記のようなイメージです。）

const text = () => {
  //このようなケースの場合reduceではないのじゃないかとは思うが...？このような感じの書き方を求めています...
  return data.reduce((aaa) => {
    return //何かしらの処理
  }
})

もっとスマートな書き方はないかと模索しましたが行き詰ってしまい質問させていただきました。
お手数ですがご教示いただけると幸いです。
よろしくお願いいたします。

Answer 1

reduceで良いと思いますよ。

const data = [
  {
    id: '1',
    text: 'hogehoge'
  },
  {
    id: '2',
    text: 'fugafuga'
  }
];

const result = data.reduce(function (accumulator, currentValue) {
    return accumulator + currentValue.text
}, '');
console.log(result); // hogehogefugafuga

試してみてください????

Answer 2

フィルタリングじゃなくて各データのマッピングですよね？

console.log(data.map(x=>x.text).join(","));

Comments

[yambejp]

textを持たないobjectがあるなら
console.log(data.filter(x=>typeof x.text!=="undefined").map(x=>x.text).join(","));