npm 包 @jaunty/base 使用教程

什么是 @jaunty/base

@jaunty/base 是一个前端的工具类库，提供了一些常用的 JavaScript 方法，可以用来优化前端项目的开发。

如何安装

在你的项目目录下，使用以下命令进行安装：

npm install @jaunty/base

如何使用

首先，我们需要把这个库引入到我们的项目中，可以使用以下代码：

import * as base from '@jaunty/base';

使用方法：

字符串方法

1. base.strTrim(str: string)：去除字符串两端的空格

let str = '  abc  ';
console.log(base.strTrim(str)); // 'abc'

1. base.strUppercaseFirst(str: string)：将字符串首字母大写

let str = 'hello world';
console.log(base.strUppercaseFirst(str)); // 'Hello world'

1. base.strToCamel(str: string)：将下划线分隔的字符串转换为驼峰式命名

let str = 'my_name_is_jaunty';
console.log(base.strToCamel(str)); // 'myNameIsJaunty'

1. base.strToHyphen(str: string)：将驼峰式命名的字符串转换为下划线分隔

let str = 'myNameIsJaunty';
console.log(base.strToHyphen(str)); // 'my_name_is_jaunty'

数组方法

1. base.arrRemoveEmptyItem(arr: any[])：移除数组中的空元素

let arr = ['hello', '', 'world'];
console.log(base.arrRemoveEmptyItem(arr)); // ['hello', 'world']

1. base.arrUnique(arr: any[])：去除数组中的重复元素

let arr = [1, 2, 3, 2, 1, 4];
console.log(base.arrUnique(arr)); // [1, 2, 3, 4]

1. base.arrRemoveDuplicateObject(arr: any[], propertyName?: string)：移除数组中的重复对象

let arr = [
  { name: 'Tom', age: 18 },
  { name: 'Jerry', age: 22 },
  { name: 'Tom', age: 18 },
];
console.log(base.arrRemoveDuplicateObject(arr, 'name')); // [{ name: 'Tom', age: 18 }, { name: 'Jerry', age: 22 }]

数字方法

1. base.numFormat(num: number, precision?: number)：数字格式化，保留指定位小数

let num = 1234.5678;
console.log(base.numFormat(num));    // '1,234.57'
console.log(base.numFormat(num, 2)); // '1,234.57'

总结

@jaunty/base 提供了一些简单但实用的方法，可以帮助我们更好的完成前端开发工作。在使用时，我们可以根据自己的需要选择相应的方法来优化项目。

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