JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで配列の最小値・最大値を取得する方法

JavaScriptで配列の中から最小値と最大値を取得するには、Math.min()メソッドとMath.max()メソッドを使用します。これらのメソッドは本来、個別の数値を引数として受け取りますが、apply()メソッドを組み合わせることで、配列をそのまま渡して最小値・最大値を求めることができます。

Math.min()・Math.max()とapply()を使った例

以下のコードは、配列内の最大値と最小値を取得して表示する基本的な例です。

<html>
   <body>
      <script>
         var arr = [50, 30, 70, 60];
         document.write("Maximum Value: " + Math.max.apply(null, arr));
         document.write("<br>Minimum Value: " + Math.min.apply(null, arr));
      </script>
   </body>
</html>

実行結果

Maximum Value: 70
Minimum Value: 30

スプレッド構文（...）を使うより簡潔な方法

ES2015（ES6）以降では、スプレッド構文を使うことでapply()よりも直感的に記述できます。配列の要素を展開してMath.min()・Math.max()に渡すだけで、同じ結果が得られます。

const arr = [50, 30, 70, 60];

console.log(Math.max(...arr)); // 70
console.log(Math.min(...arr)); // 30

このように、apply()でもスプレッド構文でも配列の最小値・最大値を簡単に取得できます。モダンなJavaScript環境では、可読性の高いスプレッド構文の使用が推奨されます。

  1. JavaScript配列で要素を検索する方法を徹底解説！find()メソッドの使い方

    JavaScriptで配列の中から特定の要素を検索したい場面は非常に多くあります。本記事では、最もよく使われるfind()メソッドを中心に、実際に動作するサンプルコードとともに分かりやすく解説します。 find()メソッドとは find()メソッドは、配列の各要素に対して指定したテスト関数（コールバック関数）を実行し、条件を満たした最初の要素の値を返します。条件に一致する要素が存在しない場合は undefined を返します。 基本構文 arr.find(callback(element[, index[, array]])[, thisArg]) callback: 各要素をテストする関数

  2. JavaScriptで文字列配列の中から最も短い要素を見つける方法

    この記事では、文字列の配列を受け取り、その中から最も短い（文字数が最小の）文字列を見つけて返すJavaScript関数の作り方を解説します。 実装のアプローチとしては、配列を一度だけ走査しながら、現時点で見つかっている最短文字列のインデックスと長さを保持していく方法がシンプルで効率的です。ここでは reduce メソッドを活用し、この処理を簡潔に記述してみましょう。 コード例 実際のコードは以下の通りです。 const arr = [this, can, be, some, random, sentence]; const findSmallest = arr => {