特定の配列を探す処理で、find、filterでundefinedになる

Question

javascriptを勉強しています。

以下のような配列があり、filter、findを行って、id=1のものを取り出したいのですがundefinedになってしまいます。
アドバイスをいただけますと幸いです。

// ▼配列
const templates: option[] = [
    { name: 'オンライン', id: 1 },
    { name: 'オフライン', id: 2 },
]

// filterを使用した場合
const target = templates.filter(template => {
      template.id === 1
})
console.log(target)
// ↑[]と空で出力される

// findを使用した場合
const target = templates.find(template => {
    template.id === 1
})
// ↑undefinedと出力される

// foreachを資料
templates.forEach(template => {
     console.log(template.id)
     if (template.id === 1) {
           console.log('該当！')
    }
})
// ↑template.idが1の時、問題なく「該当！」と出力される

foreachの時は問題なくtemplate.id === 1で該当のものが取得できます。

Answer 1

アロー関数で {} を使う場合は、return の省略はできません。

const target = templates.filter(template => {
      template.id === 1
})

これは、

const target = templates.filter(template => {
      return template.id === 1;
})

か

const target = templates.filter(template =>
     template.id === 1
)

とする必要があります。

Comments

[mikeko0901]

ありがとうございます！勉強になりました！