TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript JavaScriptでMath.max関数を使って配列の最大値を求める方法を現役エンジニアが解説【初心者向け】
オーダーメイドコース
icon
icon
JavaScript

JavaScriptでMath.max関数を使って配列の最大値を求める方法を現役エンジニアが解説【初心者向け】

初心者向けにJavaScriptでMath.max関数を使って配列の最大値を求める方法について現役エンジニアが解説しています。Math.max関数は引数に複数の数値を指定すると、その中の最大値を返す関数です。applyメソッドを使って、配列がMath.maxメソッドを使うようにすることも出来ます。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査

JavaScriptでMath.max関数を使って配列の最大値を求める方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。

JavaScriptについてそもそもよく分からないという方は、JavaScriptとは何なのか解説した記事をまずご覧ください。

 

なお本記事は、TechAcademyのオンラインブートキャンプ、JavaScript/jQuery講座の内容をもとにしています。

 

田島悠介

今回は、JavaScriptに関する内容だね！

大石ゆかり

どういう内容でしょうか？

田島悠介

JavaScriptでMath.max関数を使って配列の最大値を求める方法について詳しく説明していくね！

大石ゆかり

お願いします！

JavaScriptで数値の配列を生成した時、その要素中で最大値を求めることが可能です。そこで、本記事では、JavaScriptでMath.max関数を使って配列の最大値を求める方法を現役エンジニアが解説します。

Math.max関数とは

Math.max関数は引数に複数の数値を指定すると、その中の最大値を返します。

Math.max関数の使い方

Math.max関数は

Math.max(数値１,数値２,数値３,…)

のように記述します。

[PR] コーディングで副業する方法とは

配列の最大値を求める方法

数値を格納したarrayに対して、

Math.max.apply(null,array)

と記述することによって、arrayの要素中の最大値を返します。

実際に書いてみよう

では、実際にコードに起こすとどうなるか見てみましょう。

<!DOCTYPE html>
<html lang = "ja">
  <head>
    <meta charset = "utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
      var array=[6,9,2,8,5];
      console.log(Math.max.apply(null,array));
    </script>
  </body>
</html>

JavaScriptのMath.max関数を使って、配列の最大値を求めるサンプルプログラム

まとめ

JavaScriptでMath.max関数を使って配列の最大値を求める方法を現役エンジニアが解説しました。数値を扱うプログラムでは使われることもあるかと思いますので、ぜひ覚えておいてください。

筆者プロフィール

メンターTKさん

大学院でVBAを扱う研究を行い、プログラミングの素晴らしさに目覚める。

その後、建設系企業のシステム担当として従事。JavaScriptやPHP、Processingなどに没頭中。

 

大石ゆかり

内容分かりやすくて良かったです！

田島悠介

ゆかりちゃんも分からないことがあったら質問してね！

大石ゆかり

分かりました。ありがとうございます！

 

TechAcademyでは、初心者でも、JavaScript・jQueryを使ったWebサービス公開を習得できる、オンラインブートキャンプを開催しています。

また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。

記事を検索

関連するキーワード

関連する記事

JavaScriptでDOMを操作する方法【初心者向け】

今回は、JavaScriptでDOMを操作する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 ...
JavaScript

JavaScriptで印刷ダイアログを呼び出す方法を現役エンジニアが解説【初心者向け】

JavaScriptで印刷ダイアログを呼び出す方法について解説します。 windows.printメソッドを使い印刷ダイアログを呼び出方法を、実際のコード...
JavaScript

BlobをJavaScriptで使う方法を現役エンジニアが解説【初心者向け】

BlobをJavaScriptで使う方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 &n...
JavaScript

JavaScriptでpopメソッドを使って配列の最後の要素を削除する方法を現役エンジニアが解説【初心者向け】

JavaScriptでpopメソッドを使って配列の最後の要素を削除する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初...
JavaScript

JavaScriptの条件分岐に利用される論理演算子&&について現役エンジニアが解説【初心者向け】

JavaScriptの条件分岐に利用される論理演算子&&について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心...
JavaScript

JavaScriptのインクリメント演算子の使い方を現役エンジニアが解説【初心者向け】

JavaScriptのインクリメント演算子の使い方について解説します。 実際のコードをもとに解説していきますので、理解を深めていきましょう。 また、...
JavaScript

あわせてよく読まれている記事

PHPの配列でjoinメソッドを使う方法を現役エンジニアが解説【初心者向け】

PHPで配列を結合する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 PHPではさまざまな方法で配列を結合できますので、この記事では用途に合わせた使い分けについて解説しています。 目次Math.max関数とはMath.max関数の使い方配列の最大値を求める方法実際に書いてみようまとめ筆者プロフィール そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   大石ゆかり PHPの配列を結合するにはどうしたらいいですか？ 田島悠介 配列を結合する方法はいろいろあるけど、array_mergeが使えるよ。 ただ連想配列でキーが同じだった場合に値が上書きされるよ。 大石ゆかり 連想配列？キー？上書き？　なんだか難しそうですね・・・ 田島悠介 聞いただけではイメージするのが難しいかもしれないね。 たとえば$sum[5]の「5」の数値が配列の添字、つまりキーだよ。 連想配列はこのキーが文字列の配列だね。 じゃあ、配列を結合する方法を実際のサンプルコードを使って説明するね。 大石ゆかり お願いします！ ※この解説記事では配列のキー（添字）が数値のものを添字配列といい、キーが文字列の連想配列と区別しています。PHPの配列については解説記事「PHPの配列の基本を現役エンジニアが解説【初心者向け】」を、連想配列については解説記事「PHPで連想配列を使う方法【初心者向け】」をご覧ください。   array_mergeで結合する方法 PHPで配列を結合するには、array_merge関数が使えます。 複数の配列をひとつに結合した配列を取得できます。 構文 結合された配列 = array_merge(配列1, 配列2); 配列1の後ろに配列2の要素が追加されて結合された配列が取得できます。 ※引数に指定する配列の数は、ひとつでも3つ以上でも指定できます。 ※結合された配列はarray_merge関数の戻り値で取得します。上記の構文だと配列1そのものが更新されるわけではありません。 配列のキーが同じ要素を結合すると？ 配列が連想配列（キーが文字列の配列）かどうかで結果が異なります。 キーが数値の添字配列の場合は、同じキーがあっても添字がゼロから振りなおされ、要素が追加されていきます。 キーが文字列の連想配列の場合は、同じキーがあると新しい要素に上書きされて追加にはなりません。 添字配列を結合する 配列のキーが数値の添字配列をarray_merge関数で結合すると、すべての要素のキーがゼロから振りなおされて追加されます。 ソースコード 色の名前が入った2つの配列 $colors1と$colors2の要素をarray_mergeで結合し、$colorsに代入します。 $colors1と$colors2の配列はキーが数値のため、結合したときにキーが降り直されます。 <?php $colors1 = array('赤', '緑', '青'); $colors2 = array('シアン', 'マゼンタ', '黄'); //配列を結合 $colors = array_merge($colors1, $colors2); //結合した配列を出力（preタグで改行させる） print_r('<pre>'); print_r($colors); print_r('</pre>'); ?> ※本来なら出力したいWebページ内で<html>タグなどを含める必要がありますが、今回はPHPのプログラムの解説が目的なので省略しています。基本的なPHPの書き方について詳しくは解説記事「基本的なPHPの書き方」をご覧ください。 表示結果 解説 $colors1 = array('赤', '緑', '青'); $colors1に3つの要素がある配列を代入しています。 配列 $colors1の中身は以下のように0から2のキーがあります。 Array ( [0] => 赤 [1] => 緑 [2] => 青 ) ※配列を作成するときに、値だけ指定すると自動的にゼロから始まる添字がついてキーが作成されます。配列の作成について詳しくは解説記事「PHPの配列の基本を現役エンジニアが解説【初心者向け】」をご覧ください。 $colors2 = array('シアン', 'マゼンタ', '黄'); $colors2にも3つの要素がある配列を代入しており、中身は以下の状態です。 Array ( [0] => シアン [1] => マゼンタ
PHP

【作業が圧倒的に早くなる！】知っておきたいExcel(エクセル)の関数10選

数字に弱い方は、「Excel(エクセル)関数」というワードを聞くと、「『関数』って、学生時代に数学で習ったあの『関数』？ もう関わりたくないなぁ…」と考えてしまいますよね？ しかし、「Excelの関数」は、それほど難しいものではありません。そこで今回は、使用頻度の高い Excel関数を10種類に厳選してお伝えします。 これさえ覚えてしまえば、無駄な計算時間や入力時間を省くことができ、作業時間が圧倒的に早くなること間違いないでしょう。     なお、今回の記事の内容を動画でも解説しています。 テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。   目次 関数とは 合計を出したいとき【SUM関数】 条件に当てはまる数値の合計を出したいとき【SUMIF関数】 平均値を出したいとき【AVERAGE関数】 小計やオートフィルタを用いて集計したいとき【SUBTOTAL関数】 最大値を出したいとき【MAX関数】 最小値を出したいとき【MIN関数】 条件に当てはまるセルの数を数えたいとき【COUNTIF関数】 条件に当てはまるセルを表示させたいとき【VLOOKUP関数】 条件によって処理を変えたいとき【IF関数】 文字列を繋げたいとき【CONCATENATE関数】 覚えておきたいExcel関数まとめ   関数とは そもそも、「関数」とは、定型の計算を行うために使われる数式のことです。 Excel の場合、「=関数名(セル範囲や条件など)」の形をしているものが「関数」です。 関数名(セル範囲や条件など) 半角イコール(=)の後に、英字の関数名を入力し、その後の()で囲まれた部分(引数)には、計算に必要な数値やセル範囲、条件などを入力します。 この関数を使えば、あとは Excel が勝手にふさわしい数値を算出してくれます。   [PR] コーディングで副業する方法とは合計を出したいとき【SUM関数】 Excel をまだあまり使ったことがない方も、おそらく一度は目にしたことがあるのではないでしょうか？ SUM関数は、指定した範囲内の数値の合計を求める関数です。 = の後に SUM と入力し、その後の引数部分には (範囲内の最初のセル:最後のセル) を入力します。 例えば、B2 から B5 までの数値の合計を B6 に入力したいときは、 ＝SUM(B2:B5) という数式を B6 に入力します。   条件に当てはまる数値の合計を出したいとき【SUMIF関数】 SUMIF関数は、範囲内で指定した条件を満たす数値の合計を求める関数です。 = の後に SUMIF と入力し、その後の引数部分には (検索条件範囲内の最初のセル:最後のセル,検索条件のセル,合計範囲内の最初のセル:最後のセル) を入力します。 例えば、A2 から A9 までの中で、A12 の項目を検索し、C2 から C9 までの中で該当する数値の合計を、B12 に入力したいときは、 ＝SUMIF(A2:A9,A12,C2:C9) という数式を B12 に入力します。   平均値を出したいとき【AVERAGE関数】 AVERAGE関数は、指定した範囲内の数値の平均値を求める関数です。 = の後に AVERAGE と入力し、その後の引数部分には (範囲内の最初のセル:最後のセル) を入力します。 例えば、B2 から B5 までの数値の平均値を B6 に入力したいときは、 ＝AVERAGE(B2:B5) という数式を B6 に入力します。   小計やオートフィルタを用いて集計したいとき【SUBTOTAL関数】 SUBTOTAL関数は、指定した条件を満たすセルの数値を、指定した集計方法で集計し、その集計結果を求める関数です。 = の後に SUBTOTAL と入力し、その後の引数部分には (集計方法を表す数字,範囲内の最初のセル:最後のセル) を入力します。 例えば、C2 から C10 までの数値のを平均値を C12
Excel

JavaのMathクラスの使い方について現役エンジニアが解説【初心者向け】

JavaのMathクラスの使い方について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。   Javaについてそもそもよく分からないという方は、Javaとは何なのか解説した記事を読むとさらに理解が深まるでしょう。   なお本記事は、TechAcademyのオンラインブートキャンプJava講座の内容をもとに作成しています。   田島悠介 今回は、Javaに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 Mathクラスについて詳しく説明していくね！ 大石ゆかり お願いします！   目次 Mathクラスとは Mathクラスの主要関数の使い方 実際に書いてみよう まとめ   Mathクラスとは Mathクラスとは、数値処理を実行するためのメソッドがまとめられたクラスです。 Mathクラスはjava.langパッケージにあるクラスであるため、インポートしなくても使うことができます。 例えば、以下のような関数で使用できます。 指数関数 対数関数 平方根 三角関数   [PR] コーディングで副業する方法とはMathクラスの主要関数の使い方 Mathクラスには、数値処理のためのメソッドが複数実装されています。 ここでは主要な関数の使い方についてみていきましょう。   絶対値を求めるメソッド 絶対値を求めるためのメソッドとして、準備されているのはabsメソッドです。 absメソッドは以下のように使用します。 絶対値 = Math.abs(対象の数値); 引数の型はint型, double型, float型, long型の数値を1つ入れることができ、戻り値はそれぞれの引数の型と同じ型で戻ってきます。   大小を求めるメソッド 値の大小を求めるためのメソッドとして準備されているのがmaxメソッドとminメソッドです。 数値を比較してより大きい値を求める時にはmaxメソッド、より小さい値を求める時はminメソッドを使いましょう。 maxメソッドおよびminメソッドは以下のように使用します。 大きい値 = Math.max(比較する値, 比較する別の値); 小さい値 = Math.min(比較する値, 比較する別の値); 引数の型はint型, double型, float型, long型から数値を1つ入れることが可能です。 戻り値はそれぞれの引数の型と同じ型で戻ってきます。   切り上げや切り下げ、四捨五入するメソッド 切り上げや切り下げ、四捨五入するためのメソッドとして準備されているのがceilメソッド, floorメソッド, roundメソッドです。 数値を切り上げる時はceilメソッド、切り下げる時はfloorメソッド、 四捨五入する時はroundメソッドを使います。 ceilメソッド, floorメソッド, roundメソッドは以下のように使用します。 切り上げた値 = Math.ceil(対象の数値); 切り下げた値 = Math.floor(対象の数値); 四捨五入した値 = Math.round(対象の数値); 引数の型は double型の数値を1つ入れることができ、戻り値はdouble型で戻ってきます。   累乗を求めるメソッド 値を累乗するためのメソッドとして準備されているのがpowメソッドです。 powメソッドは以下のように記述しましょう。 累乗の値 = Math.pow(底, 指数); 引数の型は double型の数値を1つ入れることができ、戻り値はdouble型で戻ってきます。   平方根や立方根を求めるメソッド 平方根や立方根を求めるためのメソッドとして準備されているのがsqrtメソッドとcbrtメソッドです。 平方根を求めるのがsqrtメソッド、立方根を求めるのがcbrtメソッドを使います。 squrメソッドとcbrtメソッドは以下のように記述しましょう。 平方根 = Math.sqrt(対象となる数値); 立方根 = Math.cbrt(対象となる数値); 引数の型は double型の数値を1つ入れることができ、戻り値はdouble型で戻ってきます。   実際に書いてみよう 実際にJavaのMathクラスのメソッドを実際に書いてみましょう プログラムソースコード public class SampleClass { public static void main(String[] args) { System.out.println(Math.abs(-10)); System.out.println(Math.max(10,
Java

JavaScriptのMathオブジェクトの定数一覧と使い方を現役エンジニアが解説【初心者向け】

JavaScriptのMathオブジェクトの定数一覧と使い方について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 Mathオブジェクトの定数一覧と使い方について詳しく説明していくね！ 大石ゆかり お願いします！   目次 Mathオブジェクトとは Mathオブジェクトの定数一覧 Mathオブジェクトの定数の使い方 実際に書いてみよう まとめ   Mathオブジェクトとは Mathオブジェクトとは、数学関係の定数や関数を持つオブジェクトです。組み込みオブジェクトとして JavaScript で標準的に利用できます。Mathオブジェクトについて、詳しくは以下のサイトも参考にしてください。 MDN – Math オブジェクト 関連記事：JavaScriptのMath.abs関数で絶対値を取得する方法を現役エンジニアが解説【初心者向け】 関連記事：JavaScriptのMath.min関数を使って複数の値の中から最も小さい値を取得する方法を現役エンジニアが解説【初心者向け】 関連記事：JavaScriptのMath.sqrt関数を使って平方根を求める方法を現役エンジニアが解説【初心者向け】   [PR] コーディングで副業する方法とはMathオブジェクトの定数一覧 Mathオブジェクトの定数は以下のとおりです。 Math.E ： ネイピア数(E。自然対数の底) Math.LN2 ： 2 の自然対数 Math.LN10 ： 10 の自然対数 Math.LOG2E ： 2を底とするEの対数 Math.LOG10E ： 10を底とするEの対数 Math.PI ： 円周率 Math.SQRT1_2 ： 1/2 の平方根 Math.SQRT2 ： 2 の平方根   Mathオブジェクトの定数の使い方 Math オブジェクトの定数は式に組み込んで使用することが出来ます。例えば半径2の円の面積を求めるには以下のように記述します。 Math.PI * 2 * 2   実際に書いてみよう 今回のサンプルプログラムでは Math オブジェクトの定数について確認します。実行は Chrome ブラウザのデベロッパーツールのコンソールで行います。 // ネイピア数(E。自然対数の底) console.log(Math.E); // 2の自然対数 console.log(Math.LN2); // 10の自然対数 console.log(Math.LN10); // 2を底とするEの対数 console.log(Math.LOG2E); // 10を底とするEの対数 console.log(Math.LOG10E); // 円周率 console.log(Math.PI); // 1/2 の平方根 console.log(Math.SQRT1_2); // 2 の平方根 console.log(Math.SQRT2); 実行結果は以下のとおりです。 2.718281828459045 0.6931471805599453 2.302585092994046 1.4426950408889634 0.4342944819032518 3.141592653589793 0.7071067811865476 1.4142135623730951 次に半径2の円の面積を求めてみましょう。 Math.PI * 2 * 2 実行結果は以下のとおりです。 12.566370614359172   まとめ 今回の記事では JavaScript の Math オブジェクトの定数一覧と使い方を学習しました。   監修してくれたメンター 太田和樹（おおたかずき） ITベンチャー企業のPM兼エンジニア 普段は主に、Web系アプリケーション開発のプロジェクトマネージャーとプログラミング講師を行っている。守備範囲はフロントエンド、モバイル、サーバサイド、データサイエンティストと幅広い。その幅広い知見を生かして、複数の領域を組み合わせた新しい提案をするのが得意。 開発実績：画像認識技術を活用した駐車場混雑状況把握（実証実験）、音声認識を活用したヘルプデスク支援システム、Pepperを遠隔操作するアプリの開発、大規模基幹系システムの開発・導入マネジメント。 地方在住。仕事のほとんどをリモートオフィスで行う。通勤で消耗する代わりに趣味のDIYや家庭菜園、家族との時間を楽しんでいる。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！ TechAcademyでは、初心者でもJavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプを開催しています。 また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。
JavaScript

Javaで配列の最大値と最小値を求める方法について現役エンジニアが解説【初心者向け】

Javaで配列の最大値と最小値を求める方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 Javaについてそもそもよく分からないという方は、Javaとは何なのか解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプ、Java講座の内容をもとに作成しています。   田島悠介 今回は、Javaに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 配列の最大値と最小値を求める方法について詳しく説明していくね！ 大石ゆかり お願いします！   最大値と最小値を求める方法とは 例えば次のような配列があります。 int [] array = {1,5,10,8,9}; 変数arrayの配列の最小値は1、最大値は10となりますが、Javaの標準ライブラリでは配列の最大値と最小値を求める便利な標準ライブラリ（もともと用意されているクラスやメソッド）はありません。 今回は、Javaの制御構文であるif文（分岐）とfor文（繰り返し）を活用して順番に値を比較して最も小さい値と最も大きい値を見つけてみましょう。 今回の内容は変数の宣言、代入、配列の繰り返し処理、if文と真偽値の扱いの復習にもなるのでぜひ実施してみてください。   最大値と最小値を計算する処理 配列を引き数、戻り値がintである、配列の最大値を計算するcalcMaxメソッドと配列の最小値を計算するcalcMinメソッドを考えます。変数arrayの配列は以下のようになっているとします。 int [] array = {1,5,10,8,9} 最大値を計算するには、配列の要素を取り出して要素同士の大小を比較していく必要があります。ポイントとしては、比較した結果、値の大きい方をintMax変数等に代入しておくことです。 int intMax = array[0]; //配列の最大値が0の場合もあるため、配列の要素の1番目で初期化すること for(int i = 1; i < array.length; i++) {　// 要素0番目のは代入済みのため1番目から開始する //intMaxに代入されている値と配列の要素を比較して、配列の要素のほうが大きい場合値を上書きする. if(intMax < array[i]) { intMax = array[i] } } このようにすることで、for文が一回、回るごとにintMax変数の値が最大値に更新されます。値の更新イメージとしては以下の順番になります。 intMax = 1; intMax = 5; intMax = 10; 変数arrayの配列の3番目の要素8と4番目の要素9は10より小さいため上書きすることはありません。結果として変数arrayの配列の最大値は10であることが計算できましたね。 同様に最小値を計算する方法は比較の部分を値が小さい場合に代入するようにすると良いですね。 int intMin =
Java

JavaScriptでMathオブジェクトを使う方法【初心者向け】

JavaScriptをプログラミング初心者向けに紹介した記事です。 今回は、JavaScriptの組み込み関数の1つ、Mathオブジェクトを使って数値計算をする方法について解説します。 また、入門向けのJavaScriptを学習できるサイトも紹介しているので、合わせてご覧ください。   本記事では、テキストエディタのmiを使っていますが、JavaScriptの場合はWebブラウザとテキストエディタがあれば特別な開発環境がなくても開発することができます。   なお本記事は、オンラインブートキャンプ フロントエンドコース（JavaScript・jQuery講座）の内容をもとにしています。   今回の記事の内容は動画でもご覧いただけます。 テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。   目次 組み込み関数のMathオブジェクトとは Mathオブジェクトのプロパティを呼び出してみよう 　プロパティ1. PI（円周率を取得する） 　プロパティ2. sqrt()（指定した数値の√を取得する） 　プロパティ3. max(a,b,c,…….,z)（最大値を取得する） 　プロパティ4. round()（四捨五入した値を取得する）     組み込み関数のMathオブジェクトとは 組み込み関数とは、JavaScrip側であらかじめ用意してくれているオブジェクトのことです。Mathオブジェクトは、組み込み関数の1つで、数値計算を扱う際に使います。   参考までに、組み込み関数の代表的なものには次のようなものがあります。   <組み込み関数（代表的なもの）> String　文字列を扱う Number　数値を扱う Boolean　論理値を扱う Array　配列を扱う Date　日付を扱う Math　数値計算で扱う   はじめから関数の内容が決まっているので、こちらで定義する手間もなく、実行するだけ。非常に便利なので重宝します。 組み込みオブジェクトを使う場合、newを使って次のようにオブジェクトを生成します。 var オブジェクト名= new object();    しかし、Mathの場合は特殊で、new を使ってオブジェクトを生成しなくても、プロパティやメソッドを呼び出し、数値計算をおこなうことができます。 ただ、今記事では便宜的にMathオブジェクトと呼びます。   大石ゆかり 田島メンター！平方根とか円周率とか、そういった数学的な関数はありますか？ 田島悠介 JavaScriptではMathオブジェクトに関数としてまとめられてるんだ。 大石ゆかり Mathって英語で数学って意味なので、わかりやすいですねー。 田島悠介 そうだね。他のプログラミング言語でもMathとしてまとめられてたりするんだよ。さっそくMathオブジェクトを使ってみよう！   [PR] コーディングで副業する方法とはMathオブジェクトのプロパティを呼び出してみよう console.logを使って日付に関する様々なプロオパティやメソッドを呼び出してみましょう。 Mathオブジェクトでの数値計算の操作の仕方を、4つのプロパティを例に見ていきましょう。 プロパティ1. PI（円周率を取得する） プロパティ2. sqrt()（指定した数値の√を取得する） プロパティ3. max(a,b,c,…….,z)（最大値を取得する） プロパティ4. round()（四捨五入した値を取得する）     プロパティ1. PI（円周率を取得する） オブジェクトのプロパティを呼び出すときは、変数名に「.」で続けてプロパティ名を入れると、プロパティの値を呼び出すことができました。 ただ、先述したようにMathではオブジェクトを生成する必要がないので、次のように書くだけで大丈夫です。 <!DOCTYPE html> <html lang = "ja"> <head> <meta charset = "utf-8"> <title>JavaScriptの練習</title> </head> <body> <script> console.log(Math.PI); </script> </body> </html> 3.14からはじまるおなじみの円周率が取得されました。     プロパティ2. sqrt()（指定した数値の√を取得する） sqrt() の( )内に入れた数値の√（ルート）を取得します。 64の
JavaScript

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から
Webエンジニアに

Webエンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の行うリスキリングを通じたキャリアアップ支援事業の補助金対象コースです。条件を満たすことで支払った受講料の最大70％がキャッシュバックされます。詳しくは こちら のページをご確認ください。

TechAcademyから
現役エンジニアの方へ
お知らせ

オーダーメイドコース
TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript JavaScriptでMath.max関数を使って配列の最大値を求める方法を現役エンジニアが解説【初心者向け】