【Javascript】曜日を取得する方法【コピペで動きます】

今回の記事は、

  • Javascriptを使って曜日を扱いたい
  • Javascriptを使って、今日が何曜日かを取得したい

という方に向けた記事になっています。


レバテックフリーランス … 業界最大級の案件数業界トップクラスの高単価報酬を誇る最大手のサービスです。実績豊富なコーディネーターが丁寧な対応をしてくれるため、案件の無理な提案はありません。フリーランスで生きていくためにはまず登録しておきましょう。
MidWorks … フリーランス賠償責任保障生命保険の折半など、フリーランスでありながらも正社員並みの保障を受けられるのが特徴です。また、経験豊富なキャリアコンサルタントによる手厚いサポートも受けられるため、安定したフリーランス生活を送りたい方には特におすすめのサービスです。
ポテパンフリーランス … IT業界・技術に詳しいコンサルタントが担当してくれるため、こちらの要望をきちんと理解した上で案件を紹介してくれます。また、案件情報のみならず、フリーランスのイロハについても教えてくれるため、フリーランスとして初めて活動される方には特におすすめのサービスです。

レバテックキャリア … ITエンジニアが利用したい転職エージェントNo.1にも選ばれており、年収600万円以上のハイクラス求人を5,000件以上も保有しています。エンジニアが転職を考えた時にまず初めに登録しておくべきサービスです。
Tech Stars Agent … Tech Stars Agentでは、担当エージェントが全員エンジニア出身のため、スキルやキャリアを見据えたきめ細かな転職支援が受けられます。運営元の株式会社Branding Engineerは、独立支援サービス「MidWorks」も展開しているため、独立を視野に入れたサポートも受けられます
転職ドラフト … 年収UP率93.8%/平均年収UP額126万円と圧倒的な年収UP率を誇るイベント型のエンジニア向け 転職サービスです。毎月1回開催され、厳選された優良IT/Web系企業約150社からダイレクトスカウトを受け取ることができます。年収アップを目指す方は登録必須です。

Javascriptを使って曜日を取得する方法

Javascriptを使って曜日を取得するには、Dateオブジェクトに対してgetDay()メソッドを使用するのですが、ただ使用するだけでは曜日は取得できません。
(Javascriptでの日時の扱い方は【Javascript】日時を取得する方法(Dateクラスを使おう)にて詳しく解説していますので、こちらもぜひご覧ください。)

Dateオブジェクトに対してそのままgetDay()メソッドを使用すると、以下のような結果が返ってきます。

getDay()メソッドの戻り値

const today = new Date()

console.log(today.getDay())
=> 3

そう、getDay()メソッドはその曜日に応じて “0〜6” の数値を返してくるのです。

注意点としては、数値が “0” から始まるということと、以下の通り「日曜日」から始まるということです。

getDay()の戻り値曜日
0日曜日
1月曜日
2火曜日
3水曜日
4木曜日
5金曜日
6土曜日

上記の結果を踏まえると、 曜日の配列を作り、その添え字を指定することで曜日を取得することができます。

getDay()メソッドで曜日を取得する方法

const days = ["日曜日", "月曜日", "火曜日", "水曜日", "木曜日", "金曜日", "土曜日"]
const today = new Date()

console.log(days[today.getDay()])
=> "水曜日"

このように、あらかじめ曜日の配列を作成し、getDay()メソッドの戻り値を添え字として指定することで曜日が取得できるようになるのです。

なお、よく日付を記載する際に使用される「(水)」のような形を取得するのであれば、以下のように文字列を使用することでも対応可能です。

const days = "日月火水木金土"
const today = new Date()

console.log(days[today.getDay()])
=> "水曜日"

これは、文字列に対して添え字を指定することで、指定した番目の文字を取得することができるためです。

【応用編】本日の日付を取得してみよう【コピペで動きます】

さて、Javascriptで曜日を取得する方法を把握いただいたところで、続いてはそれを応用して、本日の日付を取得してみましょう。

なお、getDay()メソッド以外のメソッドは【Javascript】日時を取得する方法(Dateクラスを使おう)で詳しくご紹介していますので、こちらも併せてご確認くださいね。

実装コード

<p id="test-text"></p>

<button onClick="showDate()">本日の日付を表示</button>

<script>
function showDate() {
  const text = document.getElementById("test-text")
  const today = new Date()
  const days = ["日曜日", "月曜日", "火曜日", "水曜日", "木曜日", "金曜日", "土曜日"]
  const date = `${today.getFullYear()}年${today.getMonth() + 1}月${today.getDate()}日(${days[today.getDay()]})`

  text.innerText = date
}
</script>

動作確認用

上記のボタンを押していただくと、本日の日付がきちんと表示されているかと思います。

やっていること自体は非常にシンプルですので、まずはコピペからでも大丈夫ですので、自分なりに色々とアレンジしてみてくださいね。

お仕事の途中ですが、少し一休みして、転職独立について考えてみませんか🙌?

現役エンジニアが選ぶおすすめの転職エージェント11選【成功談・失敗談もあります】

レバテックフリーランスの評判ってどう?【現役エンジニアが徹底解説します】

MidWorks(ミッドワークス)の評判ってどう?【現役エンジニアが徹底解説します】

日々の業務に追われて自分を見失わないよう、
定期的にキャリアを振り返るようにしておきましょう🤲

最後に

さて、ここまで、Javascriptを使って曜日を取得する方法について解説してきましたがいかがでしたか?

Javascript側で便利なメソッドを用意してくれているため、とても簡単かつ直感的に使用できるのがお分かり頂けたかと思います。

ただし、その仕様を正しく把握しておかないと曜日がずれたりしてしまいますので、その点はくれぐれもご注意くださいね。

このブログを通じて少しでも「傍(はた)を楽(らく)にする」ことができていれば嬉しく思います。

最後まで読んで頂きありがとうございました。