当前位置:   article > 正文

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

js-tool-big-box

这一小节,我们针对前端工具包npmjs-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这样,示例代码如下:

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

使用方法总结: 

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

3 带有横岗的转驼峰

3.1 转小驼峰

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

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

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

3.2 转大驼峰

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

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

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

3.3 使用方法总结

方法名返回值入参
hyphenToCamelCase被转换后小驼峰或大驼峰的字符串

第一个参数必填,表示需要被转换的带有横杠的字符串,

第二个参数非必填,表示需要转为小驼峰或者是大驼峰,如果不传第二个参数,默认是“small”,需要转大驼峰,则传入“big

4 版本号比较

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

  1. const versionResult = stringBox.compareVersions('1.0.21', '1.0.12');
  2. console.log('1.0.21和1.0.12比较:', versionResult);
  3. const versionResult1 = stringBox.compareVersions('1.2.21', '1.3.12');
  4. console.log('1.2.21和1.3.12比较:', versionResult1);
  5. const versionResult2 = stringBox.compareVersions('1.1.3', '1.1.3.1');
  6. console.log('1.1.3和1.1.3.1比较:', versionResult2);
  7. const versionResult3 = stringBox.compareVersions('1.1.3', '1.1.3');
  8. console.log('1.1.3和1.1.3比较:', versionResult3);

使用方法总结:

方法名返回值入参
compareVersions

-1表示传入的第一个版本号小

1表示传入的第一个版本号大

0表示两个版本号一样大

第一个参数必填,表示第一个需要对比的版本号,字符串

第二个参数必填,表示与第一个版本号做对比的版本号,字符串

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

这是git仓库地址:js-tool-big-box仓库地址 

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号