JavaScript - 日期取得方法
你好，有抱負的程式設計師們！今天，我們將要深入探索JavaScript日期方法的精彩世界。作為你們友好的鄰居電腦老師，我將在這個旅程中為你們提供清晰的解釋、大量的範例，甚至還有一些幽默之處。所以，拿起你們最喜歡的飲料，放鬆身心，讓我們一起探討如何使用JavaScript來提取日期的各種組成部分！
JavaScript日期方法的介紹
在我們深入了解具體方法之前，讓我們花一會兒時間了解JavaScript中的Date對象是什麼。把它想像成時間的一個快照，從年份到毫秒都包含在內。這就像在手邊有一個超精密的數字鐘！
要創建一個Date對象，我們通常使用：
let currentDate = new Date();這會給我們一個表示當前日期和時間的Date對象。現在，讓我們看看如何從這個對象中提取特定信息。
日期取得方法
JavaScript為我們提供了一系列方法來從Date對象中提取不同的部分。我喜歡將這些方法看作是我們可以用來觀察日期快照的不同透鏡。讓我們一一探討這些方法：
1. getFullYear()
這個方法返回日期的年份，為四位數字。
let currentDate = new Date();
let year = currentDate.getFullYear();
console.log(year); // 輸出：2023（或是當前的年份）記得上個我們只用兩位數字來表示年份的時代嗎？這個方法確保我們始終獲得完整的四位數字年份，避免任何類似Y2K的混亂！
2. getMonth()
這個方法返回月份，為0到11的數字。是的，你沒有看錯 - 0到11！
let currentDate = new Date();
let month = currentDate.getMonth();
console.log(month); // 輸出：5（代表六月）這裡有一個JavaScript的趣味事實：月份是從0開始索引的，意味著一月是0，十二月是11。這就像JavaScript在跟我們開一個小玩笑！
3. getDate()
不要讓名字欺騙你 - 這個方法返回月份中的日期（1-31）。
let currentDate = new Date();
let dayOfMonth = currentDate.getDate();
console.log(dayOfMonth); // 輸出：當月中的日期這在建立日歷或排程應用程序時特別有用。
4. getDay()
這個方法返回星期的日子，為0到6的數字。
let currentDate = new Date();
let dayOfWeek = currentDate.getDay();
console.log(dayOfWeek); // 輸出：0（代表星期日）到6（代表星期六）就像月份一樣，JavaScript從0開始計數。所以，星期日是0，星期一是1，以此類推。這就像JavaScript真的希望我們內心深處的程式設計師能從零開始計數！
5. getHours()
你可能猜到了，這個方法返回日期的小時（0-23）。
let currentDate = new Date();
let hour = currentDate.getHours();
console.log(hour); // 輸出：24小時制的當前小時這對於創建數字鐘或基於時間的應用程序來說非常好。
6. getMinutes()
這個方法返回日期的分鐘（0-59）。
let currentDate = new Date();
let minutes = currentDate.getMinutes();
console.log(minutes); // 輸出：當前分鐘7. getSeconds()
你猜對了 - 這個方法返回日期的秒數（0-59）。
let currentDate = new Date();
let seconds = currentDate.getSeconds();
console.log(seconds); // 輸出：當前秒數8. getMilliseconds()
當你需要非常精確的時候，這個方法返回日期的毫秒數（0-999）。
let currentDate = new Date();
let milliseconds = currentDate.getMilliseconds();
console.log(milliseconds); // 輸出：當前毫秒這種精度的級別通常用於性能測量或創建唯一標識符。
9. getTime()
這個方法返回自1970年1月1日以來的毫秒數。
let currentDate = new Date();
let time = currentDate.getTime();
console.log(time); // 輸出：自1970年1月1日以來的毫秒數這對於計算時間差或對日期進行排序非常有用。
總結表
這裡有一個方便的表格，總結了所有這些方法：
| 方法 | 返回 | 範圍 |
|---|---|---|
| getFullYear() | 年份 | 四位數字 |
| getMonth() | 月份 | 0-11 |
| getDate() | 月份中的日子 | 1-31 |
| getDay() | 星期中的日子 | 0-6 |
| getHours() | 小時 | 0-23 |
| getMinutes() | 分鐘 | 0-59 |
| getSeconds() | 秒數 | 0-59 |
| getMilliseconds() | 毫秒 | 0-999 |
| getTime() | 自1970年1月1日以來的毫秒數 | - |
實用範例
現在我們已經介紹了所有這些方法，讓我們在一些實用的範例中應用它們！
範例1：創建數字鐘
function updateClock() {
let now = new Date();
let hours = now.getHours().toString().padStart(2, '0');
let minutes = now.getMinutes().toString().padStart(2, '0');
let seconds = now.getSeconds().toString().padStart(2, '0');
console.log(`${hours}:${minutes}:${seconds}`);
}
setInterval(updateClock, 1000);這個腚本創建了一個每秒更新一次的數字鐘。我們使用padStart(2, '0')來確保每個部分始終有兩位數字，給我們一個典型的數字鐘的外觀。
範例2：格式化日期
function formatDate(date) {
let days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
let months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
let dayName = days[date.getDay()];
let monthName = months[date.getMonth()];
let dayOfMonth = date.getDate();
let year = date.getFullYear();
return `${dayName}, ${monthName} ${dayOfMonth}, ${year}`;
}
let currentDate = new Date();
console.log(formatDate(currentDate)); // 輸出：例如，"Tuesday, June 15, 2023"這個函數接受一個Date對象並返回一個格式化的字符串。它在網站或應用程序中顯示日期時非常適合。
範例3：計算時間差
function daysBetween(date1, date2) {
let timeDiff = Math.abs(date2.getTime() - date1.getTime());
let dayDiff = Math.ceil(timeDiff / (1000 * 3600 * 24));
return dayDiff;
}
let date1 = new Date(2023, 0, 1); // 2023年1月1日
let date2 = new Date(2023, 11, 31); // 2023年12月31日
console.log(`Days between: ${daysBetween(date1, date2)}`); // 輸出："Days between: 365"這個函數計算兩個日期之間的天數。它對於倒計時或計算持續時間非常有用。
結論
恭喜你！你現在已經掌握了使用JavaScript提取日期信息的藝術。這些方法非常通用，並構成許多與日期相關操作的基礎。
記住，熟能生巧。嘗試將這些方法應用到你自己的項目中，嘗試不同的組合，並不要害怕犯錯誤 - 我們就是這樣學習和成長為程式設計師的！
繼續編程，保持好奇心，最重要的是，玩得開心。誰知道呢？你可能會發現自己成為了編程冒險中所有與日期相關事物的去處！
Credits: Image by storyset