aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web/javascript/reference/global_objects/math/max/index.html
blob: 02e962e9b4d85ba7567e39d92cea486ddc0c8626 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
---
title: Math.max()
slug: Web/JavaScript/Reference/Global_Objects/Math/max
tags:
  - JavaScript
  - Math
  - Method
  - Reference
translation_of: Web/JavaScript/Reference/Global_Objects/Math/max
---
<div>{{JSRef}}</div>

<p><span class="seoSummary"><strong><code>Math.max()</code></strong> 関数は、入力引数として与えられた0個以上の数値のうち最大の数を返します。</span></p>

<div>{{EmbedInteractiveExample("pages/js/math-max.html")}}</div>

<div class="hidden">このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力してくださる場合は、 <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> をクローンしてプルリクエストを送信してください。</div>

<h2 id="Syntax" name="Syntax">構文</h2>

<pre class="syntaxbox notranslate">Math.max([<var>value1</var>[, <var>value2</var>[, ...]]])</pre>

<h3 id="Parameters" name="Parameters">引数</h3>

<dl>
 <dt><code><var>value1</var>, <var>value2</var>, ...</code></dt>
 <dd>数値です。</dd>
</dl>

<h3 id="Return_value" name="Return_value">返値</h3>

<p>与えられた数のうちの最大の値です。何れかの引数が <code>NaN</code> であったり、数値に変換することができなかった場合は {{jsxref("NaN")}} を返します。</p>

<h2 id="Description" name="Description">解説</h2>

<p><code>Math</code> はコンストラクターではないので、 <code>max()</code><code>Math</code> の静的メソッドです (常に <code>Math</code> インスタンスのメソッドとしてではなく、 <code>Math.min()</code> として使用してください)。</p>

<p>-{{jsxref("Infinity")}} は他のすべての数値よりも小さいため初期の比較対象となっており、そのため引数が与えられなかった場合は -{{jsxref("Infinity")}} が返されます。</p>

<p>何れかの引数が <code>NaN</code> であったり、数値に変換することができなかった場合、結果は {{jsxref("NaN")}} になります。</p>

<h2 id="Examples" name="Examples"></h2>

<h3 id="Using_Math.max" name="Using_Math.max">Math.max() の使用</h3>

<pre class="brush: js notranslate">Math.max(10, 20);   //  20
Math.max(-10, -20); // -10
Math.max(-10, 20);  //  20
</pre>

<h3 id="Getting_the_maximum_element_of_an_array" name="Getting_the_maximum_element_of_an_array">配列の最大値の取得</h3>

<p>{{jsxref("Array.prototype.reduce", "Array.reduce()")}} を使用して、数値の配列の中にある最大値の要素を、それぞれの値を比較して探し出すことができます。</p>

<pre class="brush: js notranslate">var arr = [1,2,3];
var max = arr.reduce(function(a, b) {
    return Math.max(a, b);
});
</pre>

<p>次の関数では {{jsxref("Function.prototype.apply()")}} を使用して配列の最大値を取得します。 <code>getMaxOfArray([1, 2, 3])</code><code>Math.max(1, 2, 3)</code> と同等ですが、 <code>getMaxOfArray()</code> はプログラム的に構築された配列に使用することができます。これは比較的要素が少ない配列に対して使用してください。</p>

<pre class="brush: js notranslate">function getMaxOfArray(numArray) {
  return Math.max.apply(null, numArray);
}</pre>

<p>新しい<a href="/ja/docs/Web/JavaScript/Reference/Operators/Spread_operator">スプレッド演算子</a>で、 <code>apply</code> によって配列の最大値を得る方法をより短く書くことができます。</p>

<pre class="brush: js notranslate">var arr = [1, 2, 3];
var max = Math.max(...arr);
</pre>

<p>しかし、スプレッド構文の (<code>...</code>) と <code>apply</code> のどちらも、配列に膨大な要素があった場合は、配列の要素を関数の引数として渡そうとするため、失敗したり、誤った結果を返したりすることがあります。詳しくは <a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Function/apply#Using_apply_and_built-in_functions">apply をビルトイン関数と共に利用する</a>を参照してください。 <code>reduce</code> の方法はこの問題が発生しません。</p>

<h2 id="Specifications" name="Specifications">仕様書</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">仕様書</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('ESDraft', '#sec-math.max', 'Math.max')}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>

<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>

<p>{{Compat("javascript.builtins.Math.max")}}</p>

<h2 id="See_also" name="See_also">関連情報</h2>

<ul>
 <li>{{jsxref("Math.min()")}}</li>
</ul>