TypeScript中字符串与数值、日期时间相互转换的实现方式

// 基本用法
const str1: string = "123";
const num1: number = parseInt(str1, 10);
console.log(num1); // 输出：123（类型为number）
// 处理带小数的字符串（只保留整数部分）
const str2: string = "456.78";
const num2: number = parseInt(str2, 10);
console.log(num2); // 输出：456
// 处理含非数字字符的字符串（解析到非数字字符为止）
const str3: string = "789abc";
const num3: number = parseInt(str3, 10);
console.log(num3); // 输出：789
// 转换失败（返回NaN）
const str4: string = "abc123";
const num4: number = parseInt(str4, 10);
console.log(num4); // 输出：NaN（Not a Number）

// 基本用法（纯小数）
const str1: string = "3.1415";
const num1: number = parseFloat(str1);
console.log(num1); // 输出：3.1415
// 整数也会被转换为浮点数
const str2: string = "100";
const num2: number = parseFloat(str2);
console.log(num2); // 输出：100
// 处理科学计数法
const str3: string = "1e3"; // 1×10³
const num3: number = parseFloat(str3);
console.log(num3); // 输出：1000
// 转换失败（返回NaN）
const str4: string = "not a number";
const num4: number = parseFloat(str4);
console.log(num4); // 输出：NaN

console.log(Number("123")); // 输出：123（整数）
console.log(Number("123.45")); // 输出：123.45（浮点数）
console.log(Number("")); // 输出：0（空字符串特殊处理）
console.log(Number("abc")); // 输出：NaN（转换失败）

function safeParseNumber(str: string): number | null {
  const num = parseFloat(str);
  return isNaN(num) ? null : num; // 失败返回null，成功返回数值
}
console.log(safeParseNumber("123.45")); // 输出：123.45
console.log(safeParseNumber("invalid")); // 输出：null

const num1: number = 123;
console.log(num1.toString()); // 输出："123"（字符串类型）
const num2: number = 3.14;
console.log(`${num2}`); // 输出："3.14"（模板字符串转换）

const num: number = 5.678;
console.log(num.toFixed(2)); // 输出："5.68"（保留2位小数，四舍五入）
console.log(num.toFixed(0)); // 输出："6"（保留0位小数）

// 仅日期（YYYY-MM-DD）
const dateStr1: string = "2024-06-15";
const date1: Date = new Date(dateStr1);
console.log(date1.toLocaleDateString()); // 输出：2024/6/15（本地格式）
// 日期+时间（YYYY-MM-DDTHH:mm:ss）
const dateTimeStr: string = "2024-06-15T14:30:00";
const dateTime: Date = new Date(dateTimeStr);
console.log(dateTime.toLocaleString()); // 输出：2024/6/15 14:30:00

const iso = "2024-06-01T09:05:07Z";
const d = new Date(iso);
if (isNaN(d.getTime())) throw new Error("日期非法");

// 格式 1：ISO 8601 标准格式（推荐，兼容性最好）
const isoStr: string = "2024-05-20T14:30:45";
const date1: Date = new Date(isoStr); // Mon May 20 2024 22:30:45 GMT+0800

// 格式 2：常见字符串（如 "YYYY/MM/DD HH:mm:ss"）
const commonStr: string = "2024/05/20 14:30:45";
const date2: Date = new Date(commonStr); // 同上（部分浏览器支持）

// 格式 3：时间戳（毫秒数）
const timestamp: string = "1716121845123";
const date3: Date = new Date(Number(timestamp)); // 有效（需先转数值）

// 解析MM/DD/YYYY格式
const str1: string = "06/15/2024";
const date1: Date = new Date(str1);
console.log(date1.toLocaleDateString()); // 输出：2024/6/15
// 手动解析DD-MM-YYYY格式（更可靠）
function parseDDMMYYYY(str: string): Date | null {
  const parts = str.split("-");
  if (parts.length !== 3) return null; // 格式错误
  const day = parseInt(parts[0], 10);
  const month = parseInt(parts[1], 10) - 1; // 月份从0开始（0=1月）
  const year = parseInt(parts[2], 10);
  const date = new Date(year, month, day);
  // 验证日期有效性（如2024-02-30是无效日期）
  return date.getFullYear() === year && 
         date.getMonth() === month && 
         date.getDate() === day ? date : null;
}
console.log(parseDDMMYYYY("15-06-2024")?.toLocaleDateString()); // 输出：2024/6/15
console.log(parseDDMMYYYY("30-02-2024")); // 输出：null（无效日期）

const invalidStr: string = "2024-13-01"; // 无效月份（13月）
const invalidDate: Date = new Date(invalidStr);
console.log(isNaN(invalidDate.getTime())); // 输出：true（表示无效日期）

const now: Date = new Date(2024, 5, 15, 14, 30, 0); // 2024-06-15 14:30:00
// 本地日期字符串
console.log(now.toLocaleDateString()); // 输出：2024/6/15
// 本地时间字符串
console.log(now.toLocaleTimeString()); // 输出：14:30:00
// 本地日期+时间
console.log(now.toLocaleString()); // 输出：2024/6/15 14:30:00

// 数值示例
const price = 1234567.89;
console.log(price.toLocaleString()); // "1,234,567.89"

// 日期示例
const today = new Date();
console.log(today.toISOString());                    // 2024-06-01T09:05:07.000Z
console.log(today.toISOString().slice(0, 10));       // "2024-06-01"
console.log(
  new Intl.DateTimeFormat('zh-CN', {
    year:'numeric', month:'2-digit', day:'2-digit',
    hour:'2-digit', minute:'2-digit', second:'2-digit', hour12:false
  }).format(today).replace(/\//g,'-')
); // "2024-06-01 09:05:07"

const date: Date = new Date(); // 当前时间：假设为 2024-05-20T14:30:45.123Z

// 转日期字符串（格式依赖浏览器/系统）
console.log(date.toString()); // "Mon May 20 2024 22:30:45 GMT+0800 (中国标准时间)"

// 转 ISO 格式（标准格式，推荐）
console.log(date.toISOString()); // "2024-05-20T14:30:45.123Z"

// 转本地日期字符串（如 "2024/5/20"）
console.log(date.toLocaleDateString()); // "2024/5/20"

// 转本地时间字符串（如 "14:30:45"）
console.log(date.toLocaleTimeString()); // "14:30:45"

function formatDate(date: Date): string {
  const year = date.getFullYear();
  const month = String(date.getMonth() + 1).padStart(2, "0"); // 补0至2位
  const day = String(date.getDate()).padStart(2, "0");
  const hour = String(date.getHours()).padStart(2, "0");
  const minute = String(date.getMinutes()).padStart(2, "0");
  return `${year}-${month}-${day} ${hour}:${minute}`;
}
const date: Date = new Date(2024, 5, 15, 9, 5);
console.log(formatDate(date)); // 输出：2024-06-15 09:05

// Intl.DateTimeFormat（自定义格式，推荐）
// 通过配置 `options` 参数，可以精确控制年、月、日、时、分的显示格式
const date: Date = new Date(2024, 4, 20, 14, 30, 45); // 2024-05-20 14:30:45（月份 0-11）

// 配置选项
const options: Intl.DateTimeFormatOptions = {
  year: "numeric",   // 年（完整：2024）
  month: "long",     // 月（长格式：五月）
  day: "numeric",    // 日（20）
  hour: "2-digit",   // 时（两位：14）
  minute: "2-digit", // 分（两位：30）
  second: "2-digit", // 秒（两位：45）
  weekday: "long",   // 星期（长格式：星期一）
  timeZoneName: "short", // 时区（如 "GMT+8"）
};

// 创建格式化器
const formatter = new Intl.DateTimeFormat("zh-CN", options);

// 格式化结果
console.log(formatter.format(date)); 
// 输出："2024年5月20日星期一 14:30:45 GMT+8"

const date: Date = new Date(2024, 5, 15);
const options = { 
  year: "numeric", 
  month: "long", 
  day: "numeric", 
  weekday: "long" 
};
console.log(new Intl.DateTimeFormat("zh-CN", options).format(date)); 
// 输出：2024年6月15日 星期六