简介
在前端开发中，我们常常需要对数据进行格式化处理，例如将时间戳转换为可读格式，将数字加上千位分隔符，将 JSON 数据进行美化等。为了节省时间并且方便使用，我们可以通过使用 npm 包来实现这些功能。
本文将介绍如何使用一款 npm 包——formatting 进行格式化处理。该包支持多种数据类型的格式化，具有良好的扩展性，适用于大部分前端项目。
安装
使用 npm 包管理器进行安装：
npm install formatting --save
使用
日期格式化
使用 formatting 包中提供的 timeFormat 方法，将时间戳转换为指定格式的日期。
import { timeFormat } from 'formatting'
const date = new Date().getTime() // 获取当前时间戳
const formatDate = timeFormat(date, 'yyyy-mm-dd hh:MM:ss') // “2022-07-01 10:30:00”timeFormat 方法第二个参数中包含了多个格式化字符，可按需使用：
yyyy：年（4 位数字）yy：年（2 位数字）mm：月（两位数字）dd：日（两位数字）hh：小时（两位数字）MM：分钟（两位数字）ss：秒（两位数字）
数字格式化
使用 formatting 包中提供的 numberFormat 方法，将数字加上千位分隔符。
import { numberFormat } from 'formatting'
const number = 1234567
const formatNumber = numberFormat(number) // “1,234,567”numberFormat 方法的第二个参数表示小数位数，默认为 2。
JSON 格式化
使用 formatting 包中提供的 jsonFormat 方法，将 JSON 数据进行美化，并且提供前缀和缩进两个参数。
-- -------------------- ---- -------
------ - ---------- - ---- ------------
----- ---- - -
----- -----
---- ---
------ ------ ----- -----
-
----- ---------- - ---------------- ----- --
--
--
-
------- -----
------ ---
-------- -
-----
-----
----
-
-
--jsonFormat 方法的第二个参数是前缀，可以指定 JSON 数据的行首缩进字符，默认为空格。
jsonFormat 方法的第三个参数是缩进空格数，默认为 4。
结语
本文介绍了 formatting 包的基本使用，涵盖了日期格式化，数字格式化和 JSON 格式化三个方面。使用该包可以有效提高开发效率，避免编写重复的代码，同时也能提高程序的可读性。希望本文对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600558b281e8991b448d603e