-
Array.prototype.findIndex()メソッドを使用する方法: このメソッドは、与えられたテスト関数が真を返す最初の要素のインデックスを返します。テスト関数内でキーと値の比較を行い、一致する場合に真を返すようにします。
const array = [{ key: 'foo', value: 1 }, { key: 'bar', value: 2 }, { key: 'baz', value: 3 }]; const index = array.findIndex(item => item.key === 'bar' && item.value === 2); console.log(index); // 出力: 1
上記の例では、
key
が「bar」かつvalue
が2の要素のインデックスが返されます。 -
Array.prototype.filter()メソッドを使用する方法: このメソッドは、与えられたテスト関数が真を返すすべての要素を含む新しい配列を作成します。テスト関数内でキーと値の比較を行い、一致する要素をフィルタリングします。
const array = [{ key: 'foo', value: 1 }, { key: 'bar', value: 2 }, { key: 'baz', value: 3 }]; const filteredArray = array.filter(item => item.key === 'bar' && item.value === 2); console.log(filteredArray); // 出力: [{ key: 'bar', value: 2 }]
上記の例では、
key
が「bar」かつvalue
が2の要素がフィルタリングされ、新しい配列として返されます。
これらの方法を使用することで、JavaScriptで配列内のキーと値を検索し、一致する要素を取得することができます。