npm 包 judpack-common 使用教程

简介

judpack-common 是一个前端常用工具库，提供了一些常见的功能和通用方法，如日期时间格式化、字符串处理、数组操作、类型判断等。可以用于各种前端项目中，它易于使用、扩展和维护。本文将介绍如何使用 judpack-common 库，并提供一些使用示例。

安装

可以通过 npm 包管理工具安装：

npm i judpack-common --save

如果你使用 yarn：

yarn add judpack-common

安装成功后，就可以在项目中引入：

import { date, string } from 'judpack-common';

日期时间格式化

date 模块提供了 Date 对象的时间格式化方法，主要包含以下几个方法：

• format: 将日期时间格式化为指定格式的字符串。
• parse: 解析指定格式的日期时间字符串为 Date 对象。

format 方法用法示例

import { date } from 'judpack-common';

const time = new Date();
const formatTime = date.format(time, 'yyyy-MM-dd hh:mm:ss');

console.log(formatTime); // 2021-01-01 00:00:00

parse 方法用法示例

import { date } from 'judpack-common';

const timeStr = '2021-01-01 00:00:00';
const time = date.parse(timeStr, 'yyyy-MM-dd hh:mm:ss');

console.log(time); // Fri Jan 01 2021 00:00:00 GMT+0800 (GMT+08:00)

字符串处理

string 模块提供了常见的字符串处理方法，主要包含以下几个方法：

• camelCase: 将字符串转换为驼峰式命名。
• kebabCase: 将字符串转换为短横线分隔命名。
• snakeCase: 将字符串转换为下划线分隔命名。
• trim: 去除字符串中的空格。
• truncate: 截断字符串。

camelCase 方法用法示例

import { string } from 'judpack-common';

const str = 'hello_world';
const camelCaseStr = string.camelCase(str);

console.log(camelCaseStr); // helloWorld

kebabCase 方法用法示例

import { string } from 'judpack-common';

const str = 'HelloWorld';
const kebabCaseStr = string.kebabCase(str);

console.log(kebabCaseStr); // hello-world

snakeCase 方法用法示例

import { string } from 'judpack-common';

const str = 'HelloWorld';
const snakeCaseStr = string.snakeCase(str);

console.log(snakeCaseStr); // hello_world

trim 方法用法示例

import { string } from 'judpack-common';

const str = ' Hello World  ';
const trimStr = string.trim(str);

console.log(trimStr); // 'Hello World'

truncate 方法用法示例

import { string } from 'judpack-common';

const str = 'Hello World';
const truncateStr = string.truncate(str, 5);

console.log(truncateStr); // 'Hello...'

数组操作

array 模块提供了一些数组操作方法，主要包含以下几个方法：

• unique: 数组去重。

unique 方法用法示例

import { array } from 'judpack-common';

const arr = [1, 2, 2, 3, 3];
const uniqueArr = array.unique(arr);

console.log(uniqueArr); // [1, 2, 3]

类型判断

type 模块提供了常用数据类型判断方法，主要包含以下几个方法：

• isString: 判断值是否为字符串类型。
• isArray: 判断值是否为数组类型。
• isFunction: 判断值是否为函数类型。
• isObject: 判断值是否为对象类型。
• isNumber: 判断值是否为数字类型。
• isBoolean: 判断值是否为布尔类型。
• isUndefined: 判断值是否为 undefined 类型。
• isNull: 判断值是否为 null 类型。

isString 方法用法示例

import { type } from 'judpack-common';

console.log(type.isString('hello')); // true
console.log(type.isString(123)); // false
console.log(type.isString(undefined)); // false
console.log(type.isString(null)); // false

总结

judpack-common 带给了我们前端开发中的便捷和效率，减少了重复造轮子的工作量，通过学习该库，我们可以更好地优化自己的代码。它具有灵活性和可维护性，可以根据自己的需要扩展和调整该库，建议大家在项目中使用该库。

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