前端JS必用工具【js-tool-big-box】，字符串反转，驼峰转换以及版本号对比

这一小节，我们针对前端工具包（npm）js-tool-big-box的使用做一些讲解，主要是针对字符串反转，aa-bb-cc转驼峰，以及版本号对比的内容

目录

1 安装和引入

2 字符串反转

3 带有横岗的转驼峰

3.1 转小驼峰

3.2 转大驼峰

3.3 使用方法总结

4 版本号比较

---

1 安装和引入

执行安装命令

npm i js-tool-big-box

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

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

2 字符串反转

业务中会有字符串反转的需求，例如abcd转为dcba这样，示例代码如下：

const string1 = stringBox.reverseString('Hello, World!');
    console.log('需要反转的字符串：：', string1);

使用方法总结： 

方法名	返回值	入参
reverseString	反转后的字符串	第一个参数必填，为需要被反转的字符串

3 带有横岗的转驼峰

3.1 转小驼峰

小驼峰，也就是类似aaBbCc这样，示例代码如下：

const string2 = stringBox.hyphenToCamelCase('my-class-name', 'small');
    console.log('小驼峰转换：：', string2);

打印值：小驼峰转换：： myClassName

3.2 转大驼峰

大驼峰，也就是类似AaBbCc这样，示例代码如下：

const string3 = stringBox.hyphenToCamelCase('my-class-name', 'big');
    console.log('大驼峰转换：：', string3);

打印值：大驼峰转换：： MyClassName

3.3 使用方法总结

方法名	返回值	入参
hyphenToCamelCase	被转换后小驼峰或大驼峰的字符串	第一个参数必填，表示需要被转换的带有横杠的字符串， 第二个参数非必填，表示需要转为小驼峰或者是大驼峰，如果不传第二个参数，默认是“small”，需要转大驼峰，则传入“big”

4 版本号比较

例如对一些版本号比较，1.0.1 和 1.0.2 这种，1.0.1 和 1.0.1.2这种，等等，示例代码如下：

const versionResult = stringBox.compareVersions('1.0.21', '1.0.12');
    console.log('1.0.21和1.0.12比较：', versionResult);
    const versionResult1 = stringBox.compareVersions('1.2.21', '1.3.12');
    console.log('1.2.21和1.3.12比较：', versionResult1);
    const versionResult2 = stringBox.compareVersions('1.1.3', '1.1.3.1');
    console.log('1.1.3和1.1.3.1比较：', versionResult2);
    const versionResult3 = stringBox.compareVersions('1.1.3', '1.1.3');
    console.log('1.1.3和1.1.3比较：', versionResult3);

使用方法总结：

方法名	返回值	入参
compareVersions	-1表示传入的第一个版本号小 1表示传入的第一个版本号大 0表示两个版本号一样大	第一个参数必填，表示第一个需要对比的版本号，字符串； 第二个参数必填，表示与第一个版本号做对比的版本号，字符串