JavaScriptで配列の中から最小値・最大値を探す方法

JavaScript_Array_Max

こんにちはフロントエンドエンジニアのまさにょんです!

今回は、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!

神聖グンマー帝国の逆襲🔥

神聖グンマー帝国の科学は、世界一ぃぃぃぃぃぃ!!!!!

最近の投稿