JavaScript - 日期物件：在程式碼中掌握時間

Hello, 有志者程式設計師！今天，我們將要深入探索JavaScript中日期的迷人世界。作為你友善的鄰居計算機科學老師，我在這裡指導你了解日期物件的來龍去脈。相信我，這堂課結束後，你將會像經驗豐富的馬戲團表演者一樣玩轉日期！

日期物件是什麼？

在我們深入細節之前，讓我們先了解日期物件是什麼。在JavaScript中，日期物件是我們處理日期和時間的得力助手。它就像是在你的程式碼中的一個超智能手錶！

這樣想：如果你的程序需要知道當前時間、安排事件或計算某件事花費了多長時間，日期物件就是你的最佳夥伴。它如此多用途，甚至可以告訴你1776年7月4日是星期幾！（順便告訴你，那天是星期四。）

語法：創建日期物件

讓我們從基礎開始。我們如何創建一個日期物件？這比你想象的要簡單！

// 使用當前日期和時間創建一個新的日期物件
let currentDate = new Date();
console.log(currentDate);
// 輸出：例如 "Fri May 14 2023 15:30:45 GMT+0000 (協調世界時)"

// 為特定日期和時間創建一個日期物件
let specificDate = new Date("2023-05-14T15:30:45");
console.log(specificDate);
// 輸出： "Sun May 14 2023 15:30:45 GMT+0000 (協調世界時)"

// 使用單個組成部分創建一個日期物件
let customDate = new Date(2023, 4, 14, 15, 30, 45);
console.log(customDate);
// 輸出： "Sun May 14 2023 15:30:45 GMT+0000 (協調世界時)"

在這些例子中，我們以不同的方式創建日期物件。第一個給我們當前的日期和時間，第二個從一個字符串創建日期，第三個讓我們單獨指定日期的每個部分。

記住，JavaScript中的月份是從零開始的，意味著一月是0，二月是1，以此類推。這就像程序員之間的一個內部笑話！

日期屬性

信不信由你，日期物件沒有任何公共屬性。它就像一個神秘的朋輩，只有在你客氣地詢問時才分享信息。但別擔心，我們馬上就會讲到那些方法！

日期方法：提取信息

現在，讓我們看看一些幫助我們從日期物件中提取信息的方法。這些方法就像小小的時間旅行者，為我們提取特定的信息。

let myDate = new Date("2023-05-14T15:30:45");

console.log(myDate.getFullYear()); // 輸出: 2023
console.log(myDate.getMonth()); // 輸出: 4 (記住，五月是第五個月，但索引是4)
console.log(myDate.getDate()); // 輸出: 14
console.log(myDate.getDay()); // 輸出: 0 (0是星期日，1是星期一，等等。)
console.log(myDate.getHours()); // 輸出: 15
console.log(myDate.getMinutes()); // 輸出: 30
console.log(myDate.getSeconds()); // 輸出: 45

這些方法每個都提取日期的一部分。這就像問你的朋友，“嘿，今年是什麼年？”或“今天是星期幾？”並得到一個確切的答案。

日期方法：設置信息

正如我們可以獲取信息，我們也可以設置信息。這些方法讓我們可以修改我們的日期物件。

let myDate = new Date("2023-05-14T15:30:45");

myDate.setFullYear(2024);
console.log(myDate); // 輸出: Tue May 14 2024 15:30:45 GMT+0000 (協調世界時)

myDate.setMonth(11); // 十二月
console.log(myDate); // 輸出: Sat Dec 14 2024 15:30:45 GMT+0000 (協調世界時)

myDate.setDate(25);
console.log(myDate); // 輸出: Wed Dec 25 2024 15:30:45 GMT+0000 (協調世界時)

這些方法就像擁有時間機器。我們可以簡單地跳轉到不同的年、月或日！

日期靜態方法

靜態方法是屬於日期物件本身的特殊方法，而不是屬於個別日期實例的。它們就像日期部落的智者，為所有人提供寶貴的服務。

console.log(Date.now()); // 輸出: 當前時間戳（以毫秒為單位）
console.log(Date.parse("2023-05-14")); // 輸出: 2023年5月14日的時間戳

Date.now() 給我們當前的時間戳，而 Date.parse() 將日期字符串轉換為時間戳。這些對於計算和比對非常有用。

組合所有知識：範例

現在我們已經了解了日期物件的不同方面，讓我們看看如何在真實世界場景中使用它們。

範例 1：年齡計算器

function calculateAge(birthDate) {
let today = new Date();
let birthDateObj = new Date(birthDate);
let age = today.getFullYear() - birthDateObj.getFullYear();
let monthDiff = today.getMonth() - birthDateObj.getMonth();

if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDateObj.getDate())) {
age--;
}

return age;
}

console.log(calculateAge("1990-05-14")); // 輸出將取決於當前日期

這個函數根據出生日期計算一個人的年齡。它考慮了月份和日期以確保準確性。

範例 2：倒計時計時器

function countdown(targetDate) {
let now = new Date().getTime();
let target = new Date(targetDate).getTime();
let difference = target - now;

let days = Math.floor(difference / (1000 * 60 * 60 * 24));
let hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
let minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
let seconds = Math.floor((difference % (1000 * 60)) / 1000);

console.log(`${days} 天, ${hours} 小時, ${minutes} 分鐘, ${seconds} 秒`);
}

countdown("2023-12-31"); // 倒計時到新年前夕

這個函數創建一個倒計時，顯示到特定日期剩餘的天數、小時數、分鐘數和秒數。

日期方法表

這裡是一個常用日期方法的便捷表格：

方法	描述
getFullYear()	獲取年份（四位數）
getMonth()	獲取月份（0-11）
getDate()	獲取月份中的日子（1-31）
getDay()	獲取星期中的日子（0-6）
getHours()	獲取小時（0-23）
getMinutes()	獲取分鐘（0-59）
getSeconds()	獲取秒（0-59）
setFullYear()	設置年份
setMonth()	設置月份
setDate()	設置月份中的日子
setHours()	設置小時
setMinutes()	設置分鐘
setSeconds()	設置秒
toDateString()	將日期轉換為可讀字符串
toTimeString()	將時間轉換為可讀字符串

至此，各位！你已經踏入了JavaScript中日期的世界。記住，熟能生巧，所以不要害怕嘗試這些方法並創建你自己的基于日期的項目。誰知道，你甚至可能會創建下一個大熱的日歷應用！

當我們結束時，總是記住，處理日期有時可能會因為時區和夏令時而變得複雜。但有了你今天學到的知識，你已經準備好應對這些挑戰。繼續編程，繼續學習，最重要的是，樂在其中！

Credits: Image by storyset