npm包common-utility-js使用教程

介绍

在前端开发中，经常会用到一些实用函数集，例如时间格式化、字符串转码、数组操作等，这些函数每次都需要重新编写，造成了一定的编码工作量。而npm包common-utility-js则提供了常用的工具函数及数据处理函数，可以让我们更轻松、快速地完成前端开发工作。

安装

在使用npm包之前，需要先安装npm。npm是Node.js的包管理器，类似于Java的Maven、python的pip等，在Node.js的安装包中内置。安装好npm后，就可以通过命令行工具进行包的安装了。

安装common-utility-js可以通过以下命令进行：

npm install common-utility-js

使用

对于前端开发，我们通常会将包在工程目录下进行管理。将包安装完成之后，可以使用以下方式进行调用

-- -------------------- ---- -------
-- ----------
------ -
  --------------
  -----------
- ---- -------------------

-- -------
------ - -- ----------- ---- -------------------

-- -----------
----- - ------------ - - ----------------------------

函数介绍

isObjectEmpty(obj)

判断一个对象是否为空对象

import { isObjectEmpty } from 'common-utility-js'

const obj1 = {}
isObjectEmpty(obj1) // true

const obj2 = { prop: 'value' }
isObjectEmpty(obj2) // false

formatDate(date, formatStr)

将日期格式化输出

import { formatDate } from 'common-utility-js'

const now = new Date()
formatDate(now, 'yyyy-MM-dd') // '2022-01-06'

formatDate(now, 'MM/dd/yyyy HH:mm:ss') // '01/06/2022 16:18:02'

toUnicode(str)

将字符串转换成unicode编码

import { toUnicode } from 'common-utility-js'

const str = 'Hello World!'
toUnicode(str) // '\u0048\u0065\u006c\u006c\u006f\u0020\u0057\u006f\u0072\u006c\u0064\u0021'

decodeUnicode(unicodeStr)

将unicode编码字符串转换成正常字符串

import { decodeUnicode } from 'common-utility-js'

const unicodeStr = '\u0048\u0065\u006c\u006c\u006f\u0020\u0057\u006f\u0072\u006c\u0064\u0021'
decodeUnicode(unicodeStr) // 'Hello World!'

getUrlParams(url)

获取url的query参数

import { getUrlParams } from 'common-utility-js'

const url1 = 'https://www.example.com?name=John&age=30'
getUrlParams(url1) // { name: "John", age: "30" }

const url2 = 'https://www.example.com'
getUrlParams(url2) // {}

flatten(arr)

将多层嵌套的数组转换为一维数组

import { flatten } from 'common-utility-js'

const arr = [1, [2, 3], [[4], 5], [6]]
flatten(arr) // [1, 2, 3, 4, 5, 6]

总结

使用npm包common-utility-js可以大大提高开发效率。常用的工具函数在这个包中都有所涉及，我们只需要按需导入即可使用。相比每次编写重复的代码，使用包可以更加高效，更加便捷。同时，该包中提供的函数也可以作为我们学习前端开发中常见的工具函数的典范。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562ce81e8991b448e0198