TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript JavaScriptのgetDate()メソッドについて現役エンジニアが解説【初心者向け】
オーダーメイドコース
icon
icon
JavaScript

JavaScriptのgetDate()メソッドについて現役エンジニアが解説【初心者向け】

初心者向けにJavaScriptのgetDate()メソッドについて解説しています。getDate()メソッドはDateクラスのオブジェクトから日の値を取得する際に使用されます。getDate()メソッドの書き方と使用例を見ていきましょう。

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

JavaScriptのgetDate()メソッドについて、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。

そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。

 

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

 

田島悠介

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

大石ゆかり

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

田島悠介

getDate()メソッドについて詳しく説明していくね！

大石ゆかり

お願いします！

 

目次

 

getDate() メソッドとは

JavaScript で日時を扱うには Date オブジェクトを使用します。例えば「2020/5/10」のDate オブジェクトを作成するには以下のように記述します。この際、月は0から数えるため、実際の月-1を指定することに注意してください。

const mydate = new Date(2020, 4, 10);

Date オブジェクトについて、詳しくは以下の記事も参考にしてください。

MDN – Date

 

関連記事：JavaScriptのDateオブジェクトのparseメソッドについて現役エンジニアが解説【初心者向け】

関連記事：JavaScriptのDate.UTCメソッドの使い方を現役エンジニアが解説【初心者向け】

 

さて、Date オブジェクトから日付を取り出すには getDate() メソッドを使用します。

 

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

getDate() メソッドの使い方

getDate() メソッドの使い方は以下のとおりです。

Dateオブジェクト.getDate()

逆に Date オブジェクトに日付を指定するには setDate() メソッドを使用します。setDate() メソッドの使い方は以下のとおりです。

Dateオブジェクト.setDate(日付)

getDate() メソッド、setDate() メソッドについて、詳しくは以下の記事も参考にしてください。

MDN – Date.prototype.getDate()

MDN – Date.prototype.setDate()

 

実際に書いてみよう

今回のサンプルプログラムでは Date オブジェクトの getDate() 及び関連するメソッドについて使い方を確認します。実行はChromeブラウザーのデベロッパーツールで行いましょう。

はじめにもととなる Date オブジェクトを定義します。

let mydate = new Date(2020, 4, 10);
console.log(mydate);

実行結果は以下のとおりです。

Sun May 10 2020 00:00:00 GMT+0900 (日本標準時)

次に、getDate() メソッドを使って日付を取得してみましょう。

console.log(mydate.getDate());

実行結果は以下のとおりです。

10

同様に、getFullYear() メソッドで年を、 getMonth() メソッドで月を取得できます。

console.log(mydate.getFullYear(), mydate.getMonth() + 1, mydate.getDate());

実行結果は以下のとおりです。

2020 5 10

最後に setDate() メソッドを使って日付を変更してみましょう。

mydate.setDate(20);
console.log(mydate.getFullYear(), mydate.getMonth() + 1, mydate.getDate());

実行結果は以下のとおりです。

2020 5 20

 

まとめ

今回の記事では JavaScript の getDate() メソッドについて学習しました。

 

監修してくれたメンター

太田和樹（おおたかずき）

ITベンチャー企業のPM兼エンジニア

普段は主に、Web系アプリケーション開発のプロジェクトマネージャーとプログラミング講師を行っている。守備範囲はフロントエンド、モバイル、サーバサイド、データサイエンティストと幅広い。その幅広い知見を生かして、複数の領域を組み合わせた新しい提案をするのが得意。

開発実績：画像認識技術を活用した駐車場混雑状況把握（実証実験）、音声認識を活用したヘルプデスク支援システム、Pepperを遠隔操作するアプリの開発、大規模基幹系システムの開発・導入マネジメント。

地方在住。仕事のほとんどをリモートオフィスで行う。通勤で消耗する代わりに趣味のDIYや家庭菜園、家族との時間を楽しんでいる。

 

大石ゆかり

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

田島悠介

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

大石ゆかり

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

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

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

記事を検索

関連するキーワード

関連する記事

JavaScriptのbody内における読み込み処理(onload)について現役エンジニアが解説【初心者向け】

JavaScriptのbody内における読み込み処理(onload)について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向け...
JavaScript

JavaScriptにおけるオブジェクト指向について現役エンジニアが解説【初心者向け】

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

JavaScriptでボタンのデザインを変更する方法を現役エンジニアが解説【初心者向け】

JavaScriptでボタンのデザインを変更する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。 ...
JavaScript

JavaScriptにおけるdatenowメソッドの利用方法について現役エンジニアが解説【初心者向け】

JavaScriptにおけるdatenowメソッドの利用方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説し...
JavaScript

JavaScriptのsuperで親クラスを呼び出す方法を現役エンジニアが解説【初心者向け】

JavaScriptのsuperで親クラスを呼び出す方法について解説します。実際のコードをもとに解説していきますので、理解を深めていきましょう。 また、入...
JavaScript

JavaScriptで数値をカンマ区切りにする方法を現役エンジニアが解説【初心者向け】

JavaScriptで数値をカンマ区切りにする方法について解説します。実際のコードをもとに解説していきますので、理解を深めていきましょう。 また、入門向け...
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

Javaのdateクラスとcalendarクラスの違いを現役エンジニアが解説【初心者向け】

Javaのdateクラスとcalendarクラスの違いについて、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。   Javaについてそもそもよく分からないという方は、Javaとは何なのか解説した記事を読むとさらに理解が深まるでしょう。   なお本記事は、TechAcademyのオンラインブートキャンプJava講座の内容をもとに作成しています。   田島悠介 今回は、Javaに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 dateクラスとcalendarクラスの違いについて詳しく説明していくね！ 大石ゆかり お願いします！   目次 Dateクラス Calendarクラスとは DateクラスとCalendarクラスの使い方 DateクラスとCalendarクラスを変換する方法 まとめ   Dateクラスとは Dateクラスとは、日付の時間のデータを取得するクラスです。 Dateクラスは、特定の日付や時間を取得したいときに使用されます。 Dateクラスを生成するときは、下記のように記述しましょう。 Date オブジェクト名 = new Date();   この場合、Date型の保持する時間が現在時刻となります。 日付に関する細かい処理を行ないたい場合には、Calendarクラスが必要です。   [PR] コーディングで副業する方法とはCalendarクラスとは Calendarクラスとは、Dateクラスと同じように日付、時刻を保持することのできるデータ型です。 Dateクラスとの大きな違いは、日付や時刻についての演算を行う機能があるという点です。 Calendarクラスを生成するときは、下記のように記述しましょう。 Calendar オブジェクト名 = Calendar.getInstance(); また、生成したCalendar型が保持する時刻データも現在時刻になります。     DateクラスとCalendarクラスの使い方 Date・calenderクラスの使い方を見ていきましょう。   Dateクラスの使い方 Dateクラスの基本的な使い方としては、日付の比較と日付の文字列への変換が挙げられます。 日付の比較を行う場合、4つのメソッドが用意されています。 afterメソッド beforeメソッド equalsメソッド compareToメソッド   それぞれのメソッドは、以下の用ように記述し、出力されます。 Dateクラス1.メソッド(Dateクラス2); afterメソッドの場合→Dateクラス1がDateクラス2よりも後の時刻ならtrue、そうでないならfalse beforeメソッド→Dateクラス1がDateクラス2よりも後の時刻ならtrue、そうでないならfalse equalsメソッド→Dateクラス1とDateクラス2と同じ時刻ならtrue、そうでないならfalse compareToメソッド→Dateクラス1がDateクラス2より先なら1、同じなら0、後なら-1 また、日付の文字列の変換に関しては、SimpleDateFormatクラスをこちらの記事を参考にしてください。   Calendarクラスの使い方 Calendarクラスの重要な使い方としては、日付や時刻の演算です。 日付や時刻の演算を行なうときは、addメソッドを用います。 Calendar型.add(Calendar.MONTH, 2); addメソッドに、年月日時分を指定して整数を渡すと、指定した時間の加算や減算を行なうことが可能です。 詳しい使い方はこちらの記事を参考にしてください。   DateクラスとCalendarクラスを変換する方法 ここでは、DateクラスとCalendarクラスを変換する方法について解説します。   Dateクラス→Calendarクラス CalendarクラスのsetTimeメソッドに、Dateクラス変数を渡して、下記のように記述しましょう。 Calendarクラス変数.setTime(Dateクラス変数);   Calendarクラス→Dateクラス この場合は、CalendarクラスのgetTimeメソッドを使うことで、下記のように記述します。 Date型 = Calendarクラス.getTime(); DateクラスとCalendarクラスを相互に変換することができれば、それぞれのメリットを使い分けることが可能です。   まとめ この記事では、Javaにおける日付、時刻を扱うクラスであるDate型とCalendar型の違いや変換方法について解説しました。 それぞれの使い方を把握しておくことで、効率的なデータ処理ができるので、ぜひ覚えておきしょう。   執筆してくれたメンター メンターOS AIプログラミングを使って開発を行う。 プログラミング歴は約3年。 Pythonは割と好きな方。J avaもAndroid開発で触れていたりする。 大学では物理学を勉強中。 好きな物理理論は一般相対性理論らしい。 意外と動物が好きだったり、、、。   大石ゆかり Javaのdateクラスとcalendarクラスの違いがよく分かったので良かったです！ 田島悠介 ゆかりちゃん、これからも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でも、JavaやServletの技術を使ってWebアプリケーション開発を習得できる、オンラインブートキャンプを開催しています。 また、現役エンジニアから学べる無料体験も実施しているので、参加してみてください。
Java

JavaでTimestamp型とDate型を変換する方法を現役エンジニアが解説【初心者向け】

JavaでTimestamp型とDate型を変換する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 Javaについてよく分からないという方は、Javaとは何なのか解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプ、Java講座の内容をもとに作成しています。   田島悠介 今回は、Javaに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 JavaでTimestamp型とDate型を変換する方法について詳しく説明していくね！ 大石ゆかり お願いします！   Timestamp型とは java.sql.Timestampクラスは、java.util.Dateのラッパークラスです。 データベースと連携した日時情報のやりとりを行う場合に利用します。 ラッパークラスはJavaのクラスが基本型となっているものをオブジェクトとして使えるようにするクラスです。 Timestampに関する詳しい説明はこの記事をご覧ください。   Date型とは java.util.Dateクラスはある特定の日時を保持するためのクラスです。 [PR] コーディングで副業する方法とはTimestamp型からDate型に変換する方法 TimestampクラスのgetTime()は、1970年1月1日00:00:00 GMTからのミリ秒数をlong型で返します。 そのため、この数値を引数としてDateクラスのインスタンス化を行うことで、Timestamp型からDate型への変換が可能です。   Timestamp型からDate型への変換コード例 import java.sql.Timestamp; import java.util.Date; public class Sample { public static void main(String[] args) throws Exception { // 現在日時を取得 Timestamp timestamp = new Timestamp(System.currentTimeMillis()); // Timestampオブジェクトの出力 System.out.println("timestampオブジェクト:" + timestamp); // Date型へ変換 Date date = new Date(timestamp.getTime()); // Dateオブジェクトの出力 System.out.println("Dateオブジェクト:" + date); } } 実行結果 timestampオブジェクト:2019-11-30 00:34:40.039 Dateオブジェクト:Sat Nov 30 00:34:40 JST 2019 となります。（時刻情報は実行のタイミングにより異なります。）   Date型からTimestamp型に変換する方法 DateクラスもTimestampクラスと同様にgetTime()メソッドを提供しており、1970年1月1日00:00:00 GMTからのミリ秒数をlong型で得ることが可能です。 この数値を引数としたTimestampクラスのインスタンス化を行うことで、Date型からTimestamp型への変換ができます。   Date型からTimestamp型に変換するコード例 以下、コード例です。 import java.sql.Timestamp; import java.util.Date; public class Sample { public static void
Java

JavaでDate型の日時を加算・減算する方法を現役エンジニアが解説【初心者向け】

JavaでDate型の日時を加算、減算する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 目次 Date型とは Calendarクラスとは Date型の日時を加算する方法 Date型の日時を減算する方法 実際に書いてみよう まとめ Javaについてそもそもよく分からないという方は、Javaとは何なのか解説した記事を読むとさらに理解が深まるでしょう。   田島悠介 今回は、Javaに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 Date型の日時を加算、減算する方法だよ。知らないとよくつまずく内容だから、詳しく説明していくね！ 大石ゆかり お願いします！ Date型とは Date型とは、Javaで日付の処理を行うクラスです。 Date型の持つ日時情報は「1970年1月1日0時からの経過時間」をミリ秒単位で示したものです。 また、printlnメソッドなどで表示すると、下記のように年月日と曜日まで加えてわかりやすく表示してくれます。 Tue Feb 18 17:38:14 JST 2020 しかし、Date型では時間、秒などの細かい日時を扱うことは推奨されていません。 日時情報の時間、秒などの細かい日時を扱う場合には、Calendarクラスを利用します。   [PR] コーディングで副業する方法とはCalendarクラスとは Date型と同じように日時を扱うことのできるクラスで、時間や秒などの細かい日時が計算可能です。 Date型の計算を行いたい場合には、Calendar型に一度変換し、計算を行います。 Date型をCalendar型に変換する場合、setTimeメソッドを使って下記のように記述しましょう。 Calendar Calendar型オブジェクト名 = Calendar.getInstance(); Calendar型オブジェクト名.setTime(Date);   逆に、Calendar型からDate型を取得するには、getTimeメソッドを使い下記のように記述します。 Date Date型オブジェクト名 = Calendar型オブジェクト名.getTime();   Date型の日時を加算する方法 Date型の日時を加算する方法としては、Calendar型のaddメソッドを使います。 addメソッドは、下記のように記述しましょう。 Calendar型.add(年 or 月 or 日 or 時間 or 分などを指定, 加算する値);   第一引数の部分に関しては、以下のいずれかの定数を指定し、加算する対象を設定します。 年→Calendar.YEAR 月→Calendar.MONTH 日→Calendar.DAY_OF_MONTH など 時間→Calendar.HOUR_OF_DAY など 分→Calendar.MINUTE   例えば、2ヶ月先の日時を取得したい場合は、下記のようにCalendar型で2ヶ月分を加算してからDate型に変換してみましょう。 Calendar型.add(Calendar.MONTH, 2);   Date型の日時を減算する方法 Date型の日時を減算する方法は、加算の場合と同じくCalendar型のaddメソッドを使います。 加算の場合は、第二引数に正の整数を指定しましたが、減算の場合には、第二引数に負の整数を指定する点に注意が必要です。 単純に数字にマイナスをつければ問題ないので、減算は難しくないでしょう。 例えば、2ヶ月前の日時を取得したい場合、下記のようにCalendar型で2カ月分を減算し、さらにDate型に変換すれば取得できます。 Calendar型.add(Calendar.MONTH, -2);   実際に書いてみよう それでは、コードで日時の加算、減算をしてみましょう。 import java.util.Date; import java.util.Calendar; class DateSample{     public static void main(String args[]){       //日時を格納するためのDateクラスを宣言(現在時刻)        Date date = new Date();        Calendar calendar =
Java

JavaScriptによる日付(date)の加算(add)について現役エンジニアが解説【初心者向け】

JavaScriptによる日付(date)の加算(add)について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。 そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 JavaScriptによる日付(date)の加算(add)について詳しく説明していくね！ 大石ゆかり お願いします！   目次 dateとは dateデータへの加算方法 日付データを加算してみよう まとめ   dateとは 日付という意味の英単語です。 JavaScriptでも日時を扱うDateという名前のオブジェクトが用意されています。 Dateオブジェクトには日時を操作するメソッドが揃っているので、日時の操作をする場合は活用してみてください。   [PR] コーディングで副業する方法とはdateデータへの加算方法 日時を加算するためには、基準になる日時の取得と、加算した日時の設定が必要です。 基準になる日時の取得は、Dateオブジェクトに取得したい単位に応じたget〜メソッドを使います。たとえば、日を取得する場合はgetDate、時を取得する場合はgetHoursとなります。 get〜で取得した数値に加算をしたら、取得した単位に応じたset〜というメソッドを使います。たとえば、日を設定する場合はsetDate、時を設定する場合はsetHoursとなります。 基本的にはこれだけなのですが、日時の扱いは間違いやすい動作がいくつかあるので実際に加算する処理と合わせて紹介します。   日付データを加算してみよう まずは、加算する前に基準になる日時を用意します。 下記のように記述すると、実行した時点の日時をもつDateオブジェクトがnowという変数に格納されます。 let now = new Date(); 日時を指定してDateオブジェクトを作成する場合は、引数に年、月、日…というように数値を指定します。 数値で指定する場合は、年と月の2つの数値が必須になりそれ以下は省略可能です。省略した場合は、日付は1、時間や分などは0となります。 let date = new Date(2020, 10, 1); 上記の例では、2020年11月1日の00:00:00のDateオブジェクトを作成しています。月の指定は0から始まることに注意してください。1月は0、2月は1、、、と増えます。 ここで用意したdateの変数を使って、これ以下で加算の処理を紹介します。 年を1つ加算する date.setFullYear( date.getFullYear() + 1 ); 年を扱うメソッドの名前はsetYearではなくsetFullYearです。setYearは2000年問題の対応で非推奨になり、setFullYearに置き換えられています。 セットする年は、getFullYearで取得した年に1を足すことで2020年が2021年になります。 月、日、時、分を1つ加算する 同じように月や日、時、分なども加算ができます。 //月を1つ加算する date.setMonth( date.getMonth() + 1); //日を1つ加算する date.setDate( date.getDate() + 1); //時を1つ加算する date.setHours( date.getHours() + 1); //分を1つ加算する date.setMinutes( date.getMinutes() + 1); 上限を超えた場合の動作 月や時など数値の上限が決まっているもの（月は11まで、時は12まで）は、加算して超えた場合に上位の単位が繰り上がります。 たとえば、今回の紹介で使った2020年11月の月に2を足すと2021年の1月となります。 //2020年11月から2021年1月になる date.setMonth( date.getMonth() + 2);   まとめ 日付を扱うDateオブジェクトと加算方法を紹介しました。 日付の扱いの注意点を抑えて使ってください。   筆者プロフィール 横山茂雄（よこやましげお） フリーエンジニアとして活動中。サーバーサイドからフロントまで時代の波に合わせてスキルを変化させてきました。 言語、フレームワーク、DB、現場、いずれも転々としながら、筋トレも欠かさない体育会系エンジニアです。TechAcademyジュニアのゲームアプリコースを担当しています。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でもJavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプJavaScript/jQuery講座を開催しています。 挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
JavaScript

JavaScriptでDateオブジェクトを使って翌日の日付を取得する方法を現役エンジニアが解説【初心者向け】

JavaScriptでDateオブジェクトを使って翌日の日付を取得する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 Dateオブジェクトを使って翌日の日付を取得する方法について詳しく説明していくね！ 大石ゆかり お願いします！   Dateオブジェクトとは Dateオブジェクトとは、日付を取得したり、計算するためのJavascript標準の組み込みオブジェクトです。これが使えるようになると 現在の日時を取得することができる 特定の経過時間を加算／減産することができる 任意の日付を取得することができる など、日時に関する様々な仕組みを作ることができるようになります。   Dateオブジェクトの使い方 Dateオブジェクトは、new演算子によりインスタンス化して使います。 var dateObj = new Date(); このdateObjをconsoleに出力すると、以下のように日付情報が得られます。 console.log( dateObj ); 出力結果： Mon Feb 03 2020 10:23:50 GMT+0900 (日本標準時) インスタンス化する理由 日付情報は常に変化していますので、特定の瞬間の時刻情報で固定する必要があります。先ほど紹介したコードでは引数無しの初期化処理がされ、コード実行時点での日付時刻情報がセットされた dateObj 変数を用意することができます。 この場合の「インスタンス化」とは、必要な初期情報を全てセット済みのDateオブジェクトを用意しました、ということです。そのため、以下の操作により年情報、月情報が得られます。 var yearNum = dateObj.getFullYear() ; // yearNum = 2020 var monthNum = dateObj.getMonth() + 1 ; // monthNum = 2 Javascriptでは、月の情報を0～11の数値で保持するため、月の情報を取得する場合、getMonth()メソッドで得られた値に＋1する必要があります。 また、インスタンス化した時点で保持する情報は固定されますから、先ほどのdateObjを30分経過した後に再度console出力した場合においても、表示される時刻情報は変わりません。 初期値を指定したインスタンス化について インスタンス生成時に初期値を設定することで、特定の日付情報（初期値）を持ったインスタンスを生成できます。 例えば、2020年8月1日10時00分の情報を持ったインスタンス生成は、以下のコードで可能です。 // 月は実際の月 -1 の値を指定する var oneDay = new Date(2020,7,1,10,00)   [PR] コーディングで副業する方法とは今日の日付を取得する方法 先ほどインスタンス化した変数からgetDate()メソッドを実行するだけです。 var dayNum = dateObj.getDate() ;  // dayNum = 3   翌日の日付を取得する方法 今日の日付に＋1するだけでは、カレンダー通りに日付が得られない場合があります。そのため、Dateオブジェクトには日付計算用のsetDate()メソッドが用意されています。 //
JavaScript

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

副業したい方

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

はじめての副業コース

転職したい方

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

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

スキルアップしたい方

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

Pythonコース

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

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

オーダーメイドコース
TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript JavaScriptのgetDate()メソッドについて現役エンジニアが解説【初心者向け】