前端JS必用工具【js-tool-big-box】，Number数值转换的方法调用学习

这一小节，我们针对前端工具包（npm）js-tool-big-box的使用做一些讲解，主要是针对Number数值型转换的一些方法使用。

目录

前言

1 安装和引入

2 千位逗号分割

3 判断是否大于0

 4 判断是否大于0的整数

5  生成指定范围内的随机数

6 生成指定位数的随机数字 

7 数字转中文

7.1 小写中文

7.2  大写中文

7.3 使用方法总结 

---

前言

在前端项目中，经常会涉及到一些数值转化的公共方法，而js-tool-big-box 这个工具包里也都包含了，可以直接使用，例如千位分割，保留小数位，生成指定范围内的随机数，转中文大写，中文小写这些，可以说是非常便捷高效，堪称AIGC PLUS。

1 安装和引入

执行安装命令

npm i js-tool-big-box

项目中引入，工具包对外提供了 numberBox 对象，可以用来调用一些数值类型转化的方法。

import { numberBox } from 'js-tool-big-box';

2 千位逗号分割

例如数值很长，我们就需要做千位分割，有时候还会保留一些小数位数，使用示例代码如下：

const num1 = numberBox.formatNumberWithCommas(13498345.333, 2);
    console.log('num1转化后：', num1); // 13,498,345.33
    const num11 = numberBox.formatNumberWithCommas(13498345.333);
    console.log('num11转化后：', num11); // 13,498,345

使用方法总结：

3 判断是否大于0

这个方法只判断数字是否是大于0的，不管是不是整数，示例代码如下：

const num2 = numberBox.isGreater0('-33.23');
    console.log('-33.23是大于0的数字吗？', num2); // false
    const num3 = numberBox.isGreater0('33.23s'); 
    console.log('33.23s是大于0的数字吗？', num3); // false
    const num33 = numberBox.isGreater0(2024); 
    console.log('2024是大于0的数字吗？', num33); // true

使用方法总结：

 4 判断是否大于0的整数

这个方法不仅需要判断是否大于0，也需要判断是否是大于0且是一个整数，示例代码如下：

const num4 = numberBox.isGreater0Integer('33.23');
    console.log('33.23是大于0的整数吗？', num4);  // false
    const num5 = numberBox.isGreater0Integer(99);
    console.log('99是大于0的整数吗？', num5);  // true

使用方法总结：

5  生成指定范围内的随机数

用户可以指定范围内，生成一个随机数，示例代码如下：

// 生成80到100的随机整数
    const num6 = numberBox.getRandomNumber(80, 100);
    console.log('80到100的随机整数：：', num6);
    // 生成50到56并带有2位小数的随机数
    const num7 = numberBox.getRandomNumber(50, 56, 2);
    console.log('50到56并带有2位小数的随机数：：', num7);

使用方法总结：

6 生成指定位数的随机数字 

上面是指定了范围，这个是指定位数，比如我要生成 5 位或者 6 位的一个随机数字，示例代码如下：

// 生成一个4位的随机数字
    const num66 = numberBox.generateUniqueRandomNumber(4);
    console.log('生成的4位的随机数字：', num66);
    // 生成一个6位的随机数字
    const num77 = numberBox.generateUniqueRandomNumber(6);
    console.log('生成的6位的随机数字：', num77);

使用方法总结：

7 数字转中文

很多时候，数字需要转成中文，同时也区分 大写中文 和 小写中文

7.1 小写中文

也就是说 123 转成 一百二十三 这样，示例代码如下：

const num8 = numberBox.numberToChinese('456788.12');
    console.log('看一下456788.12的中文小写展示：', num8);
    const num9 = numberBox.numberToChinese(122456788.5);
    console.log('看一下122456788.5的中文小写展示：', num9);

7.2  大写中文

也就是说 123 转成 壹佰贰拾叁 这样，示例代码如下：

const num10 = numberBox.numberToChinese(22456788.5, 'upper');
    console.log('看一下22456788.5的中文大写展示：', num10);

7.3 使用方法总结 

数字转中文，大写或者小写的方法是同一个，通过入参来管理返回