根本停不下来！ToLocaleString 的隐藏用法大集合，初学者必看！

2023-12-28 03:36:26

toLocaleString 是 JavaScript 中一个非常有用的方法，它可以将 Date 对象转换为字符串，还可以对数字、货币和百分比进行格式化。本文将介绍 toLocaleString 的各种用法，帮助您充分利用这个方法。

toLocaleString 的用法

1. 将 Date 对象转换为字符串

const date = new Date();
const dateString = date.toLocaleString();

console.log(dateString);
// 输出: "2023-03-08 10:30:15"

2. 使用语言环境来格式化日期

const date = new Date();
const options = {
  year: 'numeric',
  month: 'long',
  day: 'numeric'
};
const dateString = date.toLocaleString('zh-CN', options);

console.log(dateString);
// 输出: "二〇二三年三月八日"

3. 使用时区来格式化日期

const date = new Date();
const options = {
  timeZone: 'Asia/Shanghai'
};
const dateString = date.toLocaleString('zh-CN', options);

console.log(dateString);
// 输出: "2023年3月8日 18:30:15"

4. 对数字进行格式化

const number = 1234567.89;
const numberString = number.toLocaleString();

console.log(numberString);
// 输出: "1,234,567.89"

5. 使用语言环境来格式化数字

const number = 1234567.89;
const options = {
  minimumFractionDigits: 2,
  maximumFractionDigits: 2
};
const numberString = number.toLocaleString('de-DE', options);

console.log(numberString);
// 输出: "1.234.567,89"

6. 使用时区来格式化数字

const number = 1234567.89;
const options = {
  currency: 'CNY',
  style: 'currency'
};
const numberString = number.toLocaleString('zh-CN', options);

console.log(numberString);
// 输出: "￥1,234,567.89"

7. 对货币进行格式化

const amount = 1234567.89;
const currencyString = amount.toLocaleString('en-US', {
  style: 'currency',
  currency: 'USD'
});

console.log(currencyString);
// 输出: "$1,234,567.89"

8. 对百分比进行格式化

const percentage = 0.5;
const percentageString = percentage.toLocaleString('en-US', {
  style: 'percent'
});

console.log(percentageString);
// 输出: "50%"