JS基礎学習、今回は配列の応用編③！
▼配列の応用
1. 条件式に合う最初の要素を返却する方法
-
findメソッド
// 例
const numbers = [1,2,3,4,5,10,20,30]
// 偶数があれば最初の要素を返却
const findEven = numbers.find(num => num % 2 === 0);
// アロー関数を使わない場合
const findEven = numbers.find(function(num) {
return num % 2 === 0;
});
console.log(findEven); // 2が返却される
findメソッドはオブジェクトも取得可能です。
＜応用例＞
- ユーザー管理システム
- ユーザーIDや名前、メールアドレスなどで検索する
- 在庫管理システム
- 商品IDや名前で検索して在庫状況を確認する
- コンテンツ管理システム（CMS）
- 投稿IDやタイトルで記事を検索する
const users = [
{ id: 1, name: "Alice", email: "alice@examplexxxx.com" },
{ id: 2, name: "Bob", email: "bob@examplexxxx.com" },
{ id: 3, name: "Charlie", email: "charlie@examplexxxx.com" },
];
const userByEmail = users.find(user => user.email === "bob@examplexxxx.com");
console.log(userByEmail);
//「user.email === "bob@examplexxxx.com"」の条件と一致しているオブジェクトを持ってきてくれる
// 結果: { id: 2, name: "Bob", email: "bob@examplexxxx.com" }
▼参考