TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript JavaScriptのMath.PIプロパティを使って円周率を取得する方法を現役エンジニアが解説【初心者向け】
リスキル支援事業について
icon
icon
JavaScript

JavaScriptのMath.PIプロパティを使って円周率を取得する方法を現役エンジニアが解説【初心者向け】

初心者向けにJavaScriptのMath.PIプロパティを使って円周率を取得する方法について現役エンジニアが解説しています。Mathオブジェクトは数学に関連するメソッドやプロパティが格納されています。Math.PIメソッドで円周率を取得することが出来ます。

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

JavaScriptのMath.PIプロパティを使って円周率を取得する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。

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

 

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

 

田島悠介

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

大石ゆかり

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

田島悠介

JavaScriptのMath.PIプロパティを使って円周率を取得する方法について詳しく説明していくね！

大石ゆかり

お願いします！

JavaScriptにおいて数値計算を行いたい場面もあるかと思います。そこで、本記事では、JavaScriptのMath.PIプロパティを使って円周率を取得する方法を現役エンジニアが解説します。

Mathオブジェクトとは

Mathオブジェクトとは、JavaScriptにもともと備わっている組み込み関数を表します。

Math.PIプロパティとは

Math.PIプロパティは円周率を返します。

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

円周率を取得する方法

円周率を取得するには

Math.PI

と記述します。

実際に書いてみよう

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

<!DOCTYPE html>
<html lang = "ja">
  <head>
    <meta charset = "utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
      console.log(Math.PI);
    </script>
  </body>
</html>

JavaScriptのMath.PIプロパティを使って円周率を取得するサンプルプログラム

まとめ

JavaScriptのMath.PIプロパティを使って円周率を取得する方法を現役エンジニアが解説しました。数値計算プログラムにおいては、Mathオブジェクトは必須であるといえるので、ぜひ覚えるようにしましょう。

筆者プロフィール

メンターTKさん

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

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

 

大石ゆかり

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

田島悠介

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

大石ゆかり

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

 

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

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

記事を検索

関連するキーワード

関連する記事

DOM操作のためのJavaScriptのライブラリについて現役エンジニアが解説【初心者向け】

DOM操作のためのJavaScriptのライブラリについて、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。 ...
JavaScript

JavaScriptでid名を取得する方法を現役エンジニアが解説【初心者向け】

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

JavaScriptのfor文におけるbreakについて現役エンジニアが解説【初心者向け】

JavaScriptのfor文におけるbreakについて、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。 ...
JavaScript

JavaScriptでアクセス元の端末がスマホかどうか判定する方法を現役エンジニアが解説【初心者向け】

JavaScriptでアクセス元の端末がスマホかどうか判定する方法について解説します。 実際のコードをもとに解説していきますので、理解を深めていきましょう...
JavaScript

JavaScriptで要素の表示・非表示を切り替える方法を現役エンジニアが解説【初心者向け】

JavaScriptで要素の表示・非表示を切り替える方法について解説します。 実際のコードをもとに解説していきますので、理解を深めていきましょう。 ...
JavaScript

JavaScriptでXMLをパースする方法を現役エンジニアが解説【初心者向け】

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

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

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

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

Pythonのmathモジュールについて現役エンジニアが解説【初心者向け】

Pythonのmathモジュールについて、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して、初心者向けに解説します。 Pythonについてそもそもよく分からないという方は、Pythonとは何なのか解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプ、Python講座の内容をもとに紹介しています。   田島悠介 今回は、Pythonに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 Pythonのmathモジュールについて詳しく説明していくね！ 大石ゆかり お願いします！   目次 mathモジュールとは mathモジュールの定番関数の使い方 実際に書いてみよう まとめ   mathモジュールとは mathモジュールとは、数学的な計算をするのに役立つ標準モジュールです。 標準ライブラリとは、特にインストールをしなくてもPythonに最初から準備されているライブラリのことを指します。そのため、import mathと記述するだけでimportできます。 [PR] コーディングで副業する方法とはmathモジュールの定番関数の使い方 mathモジュールを用いると、円周率、切り上げ、切り捨て、指数、対数、三角関数など様々な数学関連の処理が可能です。使い方は以下の形で書いていきます。 math.関数名 シンプルで非常に簡単ですね。 実際に書いてみよう それでは実際にコードを書いてみましょう。まずはライブラリをimportします。 import math 以降のコードはmathモジュールをimportした前提で書いていきます。 math.pi 円周率を返します。（関数ではないのですが比較的良く用いるので紹介しておきます。） >>>math.pi 3.141592653589793   ceil(x) 切り上げをして整数を返します。 >>>math.ceil(4.2) 5   floor(x) 切り捨てをして整数を返します。 >>>math.ceil(4.6) 4   sqrt(x) ルートをつけた値を返します。 >>>math.sqrt(4) 2.0   gcd(x,y) xとyの最大公約数を返します。 >>> math.gcd(18,30) 6   exp(x) eのx乗を返します。 >>>math.exp(2) 7.38905609893065   log10(x) 10を底とするxの対数を返します。 >>>math.log10(100) 2   math.log(x,y) xを底とするyの対数を返します。 >>>math.log(16,2) 4   sin(x) xのsinの値を返します。（xはラジアン表記。） >>>math.sin(math.pi/2) 0   cos(x) xのcosの値を返します。（xはラジアン表記。） >>>math.cos(math.pi/2) 6.123233995736766e-17   tan(x) xのtanの値を返します。（xはラジアン表記。） >>>math.tan(math.pi/4) 0.9999999999999999   まとめ この記事ではPythonのmathモジュールについてご紹介しました。 mathモジュールを使うと基本的な数学的計算が簡単にできて便利です。それほど出番は多くないと思いますが、知っていると何かと役立つので是非習得しておきましょう。 監修してくれたメンター 柴山真沙希（しばやままさき） 大手IT企業などでエンジニアとして2年ほど勤務した後、個人事業主としてプログラミングスクール「エンペサール」を経営。子供から大人まで幅広い層を対象にプログラミングを教えている。 得意言語はPython, HTML, CSSで、機械学習やデータ分析、スクレイピングなどが得意。サッカー観戦や読書が趣味である。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でも、Pythonを使った人工知能（AI）や機械学習の基礎を習得できる、オンラインブートキャンプを開催しています。 また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。
Python

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オブジェクトのceil()関数について現役エンジニアが解説【初心者向け】

JavaScriptのMathオブジェクトのceil()関数について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。   JavaScriptについてそもそもよく分からないという方は、JavaScriptとは何なのか解説した記事をまずご覧ください。   なお本記事は、TechAcademyのオンラインブートキャンプ、JavaScript/jQuery講座の内容をもとにしています。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 JavaScriptのMathオブジェクトのceil()関数について詳しく説明していくね！ 大石ゆかり お願いします！   目次 Mathオブジェクトとは ceil() 関数の概要と使い方 実際に書いてみよう まとめ   Mathオブジェクトとは JavaScriptで数学的な処理を行うにはMathオブジェクトを使用すると便利です。 Mathオブジェクトには数学関係の定数や関数などが格納されています。いくつか見てみましょう。 Math.E ：ネイピア数(自然対数の底) Math.PI ：円周率。焼く3.14159 Math.SQRT2 ：2の平方根。焼く1.414 Math.sin(x) ：引数に対するサイン(正弦)を返す Math.log(x) ：引数に対する自然対数を返す Math.round(x) ：引数を四捨五入して返す この他にも Math オブジェクトには様々な定数や関数が用意されています。Math オブジェクトについて、詳しくは以下の記事も参考にしてください。 MDN – Math   [PR] コーディングで副業する方法とはceil() 関数の概要と使い方 ceil()関数は引数を切り上げた結果を返す関数です。ceil()関数の構文は以下のとおりです。 Math.ceil(値) ceil() 関数について、詳しくは以下の記事も参考にしてください。 MDN – ceil()   実際に書いてみよう 今回のサンプルプログラムでは、 ceil()関数で切り上げを行う方法について確認します。合わせて、切り捨て、四捨五入を行う関数についてもみていきます。実行はChromeブラウザーのデベロッパーツールで行いましょう。 はじめはceil()関数を使った切り上げです。 console.log(Math.ceil(3.14)); console.log(Math.ceil(0.01)); console.log(Math.ceil(-6.5)); 実行結果は以下のとおりです。「0.01」のように微細な値でも切り上げとなります。またマイナスの値はゼロ方向に切り上げとなることに注意しましょう。 4 1 -6 次は切り捨てです。切り捨てを行うにはfloor()関数を使用します。 console.log(Math.floor(3.14)); console.log(Math.floor(0.01)); console.log(Math.floor(-6.5)); 実行結果は以下のとおりです。こちらもマイナスの値の時は切り捨てられる方向がプラスと逆になることに注意しましょう。 3 0 -7 最後は四捨五入です。四捨五入を行うにはround()関数を使用します。 console.log(Math.round(3.14)); console.log(Math.round(0.01)); console.log(Math.round(-6.5)); 実行結果は以下のとおりです。 3 0 -6   まとめ 今回の記事ではJavaScriptのMathオブジェクトのceil()関数について学習しました。   筆者プロフィール 太田和樹（おおたかずき） ITベンチャー企業のPM兼エンジニア 普段は主に、Web系アプリケーション開発のプロジェクトマネージャーとプログラミング講師を行っている。守備範囲はフロントエンド、モバイル、サーバサイド、データサイエンティストと幅広い。その幅広い知見を生かして、複数の領域を組み合わせた新しい提案をするのが得意。 開発実績：画像認識技術を活用した駐車場混雑状況把握（実証実験）、音声認識を活用したヘルプデスク支援システム、Pepperを遠隔操作するアプリの開発、大規模基幹系システムの開発・導入マネジメント。 地方在住。仕事のほとんどをリモートオフィスで行う。通勤で消耗する代わりに趣味のDIYや家庭菜園、家族との時間を楽しんでいる。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でも、JavaScript・jQueryを使ったWebサービス公開を習得できる、オンラインブートキャンプを開催しています。 また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。
JavaScript

JavaScriptでDateオブジェクトを使って日付を表示する方法【初心者向け】

JavaScriptをプログラミング初心者向けに紹介した記事です。 今回は、JavaScriptの組み込み関数の1つ、Dateオブジェクトを使って日付を表示する方法について解説します。 また、入門向けのJavaScriptを学習できるサイトも紹介しているので、合わせてご覧ください。   本記事では、テキストエディタのmiを使っていますが、JavaScriptの場合はWebブラウザとテキストエディタがあれば特別な開発環境がなくても開発することができます。   なお本記事は、オンラインブートキャンプ フロントエンドコース（JavaScript・jQuery講座）の内容をもとにしています。   今回の記事の内容は動画でもご覧いただけます。 テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。   目次 組み込み関数のDateオブジェクトとは Dateオブジェクトを実際に生成してみよう Dateオブジェクトのプロパティを呼び出してみよう 　プロパティ1. getFullYear()（現時点での年を取得する） 　プロパティ2. getMonth()+1（現時点での月を取得する） 　プロパティ3. getDate()（現時点での日を取得する） 　プロパティ4. getDay() （現時点での曜日を取得する） 　5. 最後に（現時点での年・月・日・曜日を一気に取得する）     組み込み関数のDateオブジェクトとは 組み込み関数とは、JavaScrip側であらかじめ用意してくれているオブジェクトのことです。Dateオブジェクトは、組み込み関数の1つで、日付を扱う際に使います。   参考までに、組み込み関数の代表的なものには次のようなものがあります。   <組み込み関数（代表的なもの）> String　文字列を扱う Number　数値を扱う Boolean　論理値を扱う Array　配列を扱う Date　日付を扱う Math　数値計算で扱う   はじめから関数の内容が決まっているので、こちらで定義する手間もなく、実行するだけ。非常に便利なので重宝します。 組み込みオブジェクトを使う場合、newを使って次のようにオブジェクトを生成します。 var オブジェクト名= new object();    大石ゆかり 田島メンター！日付を扱うにはどうしたらいいでしょうか？ 田島悠介 Dateオブジェクトっていう組み込みオブジェクトが用意されているので、それを使うといいね。 大石ゆかり 日付を処理する関数は最初から用意されてるんですね。 田島悠介 他のプログラミング言語でもそうなんだよ。さっそくDateオブジェクトについて見てみよう！   [PR] コーディングで副業する方法とはDateオブジェクトを実際に生成してみよう 適当なオブジェクト名（today）をつけ、Dateオブジェクトを生成してみましょう。日付に関する様々なプロオパティやメソッドを出力することができます。 var today = new Date(); <!DOCTYPE html> <html lang = "ja"> <head> <meta charset = "utf-8"> <title>JavaScriptの練習</title> </head> <body> <script> var today = new Date(); </script> </body> </html>   ここまでできたら、console.logを使って日付に関する様々なプロオパティやメソッドを呼び出してみます。 次の章から見ていきましょう。     Dateオブジェクトのプロパティを呼び出してみよう Dateオブジェクトでの文字列の操作の仕方を、4つのプロパティを例に見ていきましょう。 プロパティ1. getFullYear()（現時点での年を取得する） プロパティ2. getMonth()+1（現時点での月を取得する） プロパティ3. getDate()（現時点での日を取得する） プロパティ4. getDay() （現時点での曜日を取得する） 5. 最後に（現時点での年・月・日・曜日を一気に取得する）     プロパティ1.
JavaScript

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

副業したい方

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

はじめての副業コース

転職したい方

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

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

スキルアップしたい方

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

Pythonコース

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

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

TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript JavaScriptのMath.PIプロパティを使って円周率を取得する方法を現役エンジニアが解説【初心者向け】