【JavaScript】文字列をDate型に変換する方法｜new Date・Date.parse・手動パースとタイムゾーンの罠

// ISO 8601形式（推奨）
const d1 = new Date("2024-04-01");
console.log(d1); // Mon Apr 01 2024 09:00:00 GMT+0900（JST）

// 日時も指定できる
const d2 = new Date("2024-04-01T15:30:00");
console.log(d2.getFullYear()); // 2024
console.log(d2.getMonth());    // 3 ※0始まりなので4月=3
console.log(d2.getDate());     // 1

const ts = Date.parse("2024-04-01T00:00:00+09:00");
console.log(ts); // 1711897200000（ミリ秒）

const d = new Date(ts);
console.log(d.toISOString()); // "2024-03-31T15:00:00.000Z"（UTC）

// 解析失敗時は NaN
const bad = Date.parse("invalid-date");
console.log(isNaN(bad)); // true → エラーチェックが必要

function toDate(str) {
  const d = new Date(str);
  return isNaN(d.getTime()) ? null : d; // 無効なら null を返す
}

console.log(toDate("2024-04-01")); // 正常な Date
console.log(toDate("not a date")); // null
console.log(toDate(""));           // null

// "2024/04/01" 形式をパース
function parseSlashDate(str) {
  const [y, m, d] = str.split("/").map(Number);
  return new Date(y, m - 1, d); // 月は0始まり
}
console.log(parseSlashDate("2024/04/01").toLocaleDateString("ja-JP")); // "2024/4/1"

// "20240401" 形式をパース
function parseCompact(str) {
  const y = str.slice(0, 4);
  const m = str.slice(4, 6);
  const day = str.slice(6, 8);
  return new Date(`${y}-${m}-${day}T00:00:00`); // ローカル時刻として扱う
}

const d = new Date("2024-04-01T10:30:00");

console.log(d.getFullYear());   // 2024
console.log(d.getMonth() + 1);  // 4 ※getMonthは0始まりなので+1
console.log(d.getDate());       // 1
console.log(d.getHours());      // 10
console.log(d.getMinutes());    // 30

// フォーマット済み文字列
console.log(d.toLocaleDateString("ja-JP")); // "2024/4/1"
console.log(d.toISOString());   // "2024-04-01T01:30:00.000Z"（UTC変換）