JavaScript での日付と時刻の処理をマスターする

JavaScript での日付と時刻の処理

JavaScript は、日付と時刻を操作する Date オブジェクトを提供します。これは多用途であり、日付と時刻の値を操作、書式設定、計算するためのさまざまな方法を提供します。

---

1.日付オブジェクトの作成

Date オブジェクトはさまざまな方法で作成できます。

A.現在の日付と時刻

const now = new Date();
console.log(now); // Current date and time

B.特定の日付と時刻

const specificDate = new Date("2023-12-31T23:59:59");
console.log(specificDate); // Output: 2023-12-31T23:59:59.000Z

C.年、月、日などを使用する

const date = new Date(2023, 11, 31, 23, 59, 59); // Month is zero-based (11 = December)
console.log(date); // Output: Sun Dec 31 2023 23:59:59

D.タイムスタンプ

Date オブジェクトは、タイムスタンプ (UTC 1970 年 1 月 1 日からのミリ秒) を使用して初期化できます。

const timestamp = new Date(0);
console.log(timestamp); // Output: Thu Jan 01 1970 00:00:00 UTC

---

2.日付と時刻のコンポーネントを取得する

Date オブジェクトは、日付の特定の部分を抽出するメソッドを提供します。

• 年: getFull Year()
• 月: getMonth() (0-11、0 は 1 月)
• 月の日: getDate()
• 曜日: getDay() (0-6、0 は日曜日)
• 時間: getHours()
• 分: getMinutes()
• 秒: getSeconds()
• ミリ秒: getミリ秒()

例:

const now = new Date();
console.log(now.getFullYear()); // Output: Current year
console.log(now.getMonth());    // Output: Current month (0-based)
console.log(now.getDate());     // Output: Current day of the month
console.log(now.getDay());      // Output: Current day of the week
console.log(now.getHours());    // Output: Current hour

---

3.日付と時刻の変更

setter メソッドを使用して、日付の特定のコンポーネントを変更できます。

• 年を設定: setFullyear(年)
• 月の設定: setMonth(month)
• 日付の設定: setDate(日)
• 時間の設定: setHours(時間)
• 分を設定: setMinutes(分)

例:

const date = new Date();
date.setFullYear(2025);
date.setMonth(11); // December
date.setDate(25);
console.log(date); // Output: A modified date

---

4.日付と時刻の書式設定

A. toISOString()

ISO 8601 形式で日付を返します。

const now = new Date();
console.log(now.toISOString()); // Output: 2023-12-31T23:59:59.000Z

B. toLocaleString()

ロケール固有の形式で日付と時刻を返します。

const now = new Date();
console.log(now.toLocaleString("en-US")); // Output: MM/DD/YYYY, HH:MM:SS AM/PM
console.log(now.toLocaleString("de-DE")); // Output: DD.MM.YYYY, HH:MM:SS

C. toDateString() と toTimeString()

• toDateString(): 日付部分のみを返します。
• toTimeString(): 時間部分のみを返します。

const now = new Date();
console.log(now.toDateString()); // Output: Wed Dec 31 2023
console.log(now.toTimeString()); // Output: 23:59:59 GMT+0000

---

5.日付の差の計算

日付をタイムスタンプに変換することで差異を計算できます。

例:

const date1 = new Date("2023-12-31");
const date2 = new Date("2024-01-01");
const difference = date2 - date1; // Difference in milliseconds
console.log(difference / (1000 * 60 * 60 * 24)); // Output: 1 day

---

6.日付の比較

日付を比較するには比較演算子を使用します。

例:

const now = new Date();
console.log(now); // Current date and time

---

7.タイムゾーンの操作

A. UTC メソッド

• getUTCFull Year()、getUTCMonth()、getUTCDate() などは、コンポーネントを UTC で返します。

const specificDate = new Date("2023-12-31T23:59:59");
console.log(specificDate); // Output: 2023-12-31T23:59:59.000Z

B.タイムゾーンへの変換

高度なタイムゾーン処理には、moment.js や date-fns などのライブラリを使用します。

---

8.タイムスタンプの生成

A.現在のタイムスタンプ

Date.now() メソッドは、現在のタイムスタンプをミリ秒単位で返します。

const date = new Date(2023, 11, 31, 23, 59, 59); // Month is zero-based (11 = December)
console.log(date); // Output: Sun Dec 31 2023 23:59:59

B.日付をタイムスタンプに変換

.getTime() メソッドを使用します。

const timestamp = new Date(0);
console.log(timestamp); // Output: Thu Jan 01 1970 00:00:00 UTC

---

9.概要

• Date オブジェクトは、日付と時刻の処理に強力です。
• ゲッター メソッドとセッター メソッドを使用して、日付コンポーネントを抽出または変更します。
• toISOString() や toLocaleString() などの書式設定オプションにより、日付の表示が簡素化されます。
• 高度な操作については、moment.js や date-fns などのサードパーティ ライブラリの使用を検討してください。

JavaScript での日付と時刻の処理をマスターすることは、スケジューリング、タイムスタンプ、ローカリゼーションを伴うアプリケーションにとって不可欠です。

こんにちは、アバイ・シン・カタヤットです!
私はフロントエンドとバックエンドの両方のテクノロジーの専門知識を持つフルスタック開発者です。私はさまざまなプログラミング言語やフレームワークを使用して、効率的でスケーラブルでユーザーフレンドリーなアプリケーションを構築しています。
ビジネス用メールアドレス kaashshorts28@gmail.com までお気軽にご連絡ください。

以上がJavaScript での日付と時刻の処理をマスターするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。