JavaScript 格式化
1. 引言
在开发前端应用程序时，我们经常需要对数据进行格式化以便更好地展示给用户。JavaScript 提供了丰富的方法来格式化数据，包括日期、数字和字符串。本文将介绍常见的 JavaScript 格式化技术，并提供代码示例。
2. 日期格式化
在处理日期时，我们通常需要将日期对象格式化为特定的字符串形式。JavaScript 提供了 toLocaleDateString() 方法来快速实现日期格式化。这个方法接受一个可选的参数来指定日期的格式。
例如，我们想将日期格式化为 "YYYY-MM-DD" 的形式：
const date = new Date();
const formattedDate = date.toLocaleDateString('en-US', { year: 'numeric', month: '2-digit', day: '2-digit' });
console.log(formattedDate); // 输出：2022-03-08
在上面的例子中，toLocaleDateString() 方法的第一个参数是地区（locale），可以使用 ISO 语言代码或地区代码。第二个参数是一个选项对象，用于指定日期的格式。在这个例子中，我们指定了 year、month 和 day 属性来控制日期的格式。
3. 数字格式化
在处理数字时，我们可能需要将数字格式化为特定的表示形式，例如添加千位分隔符、指定小数位数等。JavaScript 提供了 toLocaleString() 方法来实现数字的格式化。
例如，我们想将一个数字格式化为添加千位分隔符的形式：
const number = 1234567.89;
const formattedNumber = number.toLocaleString('en-US');
console.log(formattedNumber); // 输出：1,234,567.89
在上面的例子中，toLocaleString() 方法的第一个参数同样是地区（locale）。这个方法还可以接受一个可选的参数来指定其他格式选项，如小数位数、货币符号等。但由于 toLocaleString() 方法具有很好的浏览器兼容性，我们通常可以直接使用默认的选项。
4. 字符串格式化
在处理字符串时，有时我们需要对字符串进行一定的格式化以适应特定的需求。JavaScript 提供了一些内置方法来实现这一目的。
4.1. 大小写转换
我们可以使用 toUpperCase() 和 toLowerCase() 方法将字符串转换为全大写或全小写形式：
const str = 'Hello, World!';
const upperCaseStr = str.toUpperCase();
const lowerCaseStr = str.toLowerCase();
console.log(upperCaseStr); // 输出：HELLO, WORLD!
console.log(lowerCaseStr); // 输出：hello, world!
4.2. 去除空格
如果字符串的两端有多余的空格，我们可以使用 trim() 方法去除它们：
const str = ' Hello, World! ';
const trimmedStr = str.trim();
console.log(trimmedStr); // 输出：Hello, World!
4.3. 字符串替换
我们可以使用 replace() 方法将字符串中的某个子串替换为另一个子串：
const str = 'Hello, World!';
const replacedStr = str.replace('Hello', 'Hi');
console.log(replacedStr); // 输出：Hi, World!
5. 扩展示例
接下来，我们将结合实际使用场景，介绍如何使用 JavaScript 格式化数据。
5.1. 格式化货币
在处理金融相关应用时，可能需要将数值格式化为货币的形式。我们可以使用 toLocaleString() 方法来实现这一目的：
const amount = 123456.78;
const formattedAmount = amount.toLocaleString('en-US', { style: 'currency', currency: 'USD' });
console.log(formattedAmount); // 输出：$123,456.78
在上面的例子中，我们指定了 style 属性为 'currency'，并将 currency 属性设为 'USD'，表示使用美元符号作为货币符号。
5.2. 格式化百分比
在处理统计或报表应用时，我们可能需要将小数格式化为百分比形式。可以使用 toLocaleString() 方法并结合乘法运算来实现这一目的
