JavaScript:日本語での曜日の表示の仕方2選

JavaScript

JavaScriptのDateオブジェクトのgetDay()メソッドは、日曜日~土曜日を0~6の数値で返す。

これを使って 日、月、火、水、木、金、土 の文字列を取得する方法。

index.html

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="main.js"></script>
    <title>日本語曜日の表示の仕方2選</title>
</head>
<body>

</body>
</html>

main.js

// main.js

window.addEventListener("load", ()=>{
    // 曜日を取得
    const today = new Date();
    const dayOfWeek = today.getDay();

    // 方法1
    const dayOfWeekJapanese1 = "日月火水木金土";
    console.log("1: 今日は " + dayOfWeekJapanese1.charAt(dayOfWeek) + "曜日です");

    // 方法2
    const dayOfWeekJapanese2 = ["日", "月", "火", "水", "木", "金", "土"];
    console.log("2: 今日は " + dayOfWeekJapanese2[dayOfWeek] + "曜日です");
});

実行イメージ(コンソールに表示)

1: 今日は 日曜日です
2: 今日は 日曜日です

方法1のように曜日を1つの文字列に入れてcharAtメソッドで取り出す方法が曜日の記述も楽だし、ピリオドでつなげる感じがかっこいいです。

const dayOfWeekString = "日月火水木金土";
console.log(dayOfWeekString.charAt(2));    // 火

コメント

タイトルとURLをコピーしました