JSのfilterで条件に当てはまる配列内のobjectを取得する方法

JSのfilterで配列内のobjectを取得したかったのですが、なかなかできなくて記事も見つからなくてなんとか答えにたどり着きました。

他にもやり方あるかもですがとりあえず。。

どういうことかというと

上記の状態から

を取得したいのです。

値だけではなくオブジェクトというのがポイントです。

結論としては以下で取ってこれました。

 

findはなかったらundefindを返してしまうので、

それにはまってしまいました。

対処療法的にifでreturnしました。

<p class=”codepen” data-height=”265″ data-theme-id=”light” data-default-tab=”js,result” data-user=”funclur” data-slug-hash=”YzWwvxR” style=”height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;” data-pen-title=”YzWwvxR”>
<span>See the Pen <a href=”https://codepen.io/funclur/pen/YzWwvxR”>
YzWwvxR</a> by funclur (<a href=”https://codepen.io/funclur”>@funclur</a>)
on <a href=”https://codepen.io”>CodePen</a>.</span>
</p>
<script async src=”https://static.codepen.io/assets/embed/ei.js”></script>

コメント

タイトルとURLをコピーしました