こんにちはフロントエンドエンジニアのまさにょんです!
今回は、JavaScriptで配列の中から最小値・最大値を探す方法について解説していきます。
目次
JavaScriptで配列の中から最小値・最大値を探す方法
JavaScriptで配列の中から最小値・最大値を探すには、Math.max()
や Math.min()
を使用します。
// < JavaScriptで配列の中から数値から最大値を探す方法 >
const participantCardList = [
{id:1, participant: 'ロボ玉', affiliation:'ロボ玉開発部'},
{id:2, participant: 'まりたま', affiliation:'ロボ玉開発部'},
{id:3, participant: '白桃', affiliation:'ロボ玉開発部'},
{id:4, participant: 'ロボ玉試作1号機', affiliation:'ロボ玉開発部'},
{id:5, participant: 'ぷる玉', affiliation:'ロボ玉開発部'},
];
// 1. IDだけのListを作成する
const idList = participantCardList.map(card => card.id);
console.log(' idList', idList);
// idList (5) [1, 2, 3, 4, 5]
// 2. 数値の配列から最大値を取得する
const maxNum = Math.max(...idList);
console.log('maxNum', maxNum);
// maxNum 3
// 3. 数値の配列から最小値を取得する
const minNum = Math.min(...idList);
console.log('minNum', minNum);
// minNum 1
// 4. 最小値のデータセットを取得する
const firstCard = participantCardList.find(card => card.id === minNum);
console.log('firstCard', firstCard);
// firstCard {id: 1, participant: 'ロボ玉', affiliation: 'ロボ玉開発部'}
// 5. 最大値のデータセットを取得する
const lastCard = participantCardList.find(card => card.id === maxNum);
console.log('lastCard', lastCard);
// lastCard {id: 3, participant: '白桃', affiliation: 'ロボ玉開発部'}
JavaScript書籍 Ver. 中級-上級者向け
JavaScript書籍 Ver. 初級者向け
Twitterやってます!Follow Me!
神聖グンマー帝国の逆襲🔥
神聖グンマー帝国の科学は、世界一ぃぃぃぃぃぃ!!!!!