js-tool-big-box这个前端工具库,今天又添加了2个实用功能,分别是生成uuid和数组去重。
目录
1 安装并引入
2 生成uuid
3 数组去重
1 安装并引入
安装最新版的js-tool-big-box工具包
由于生成uuid和数组去重属于两个不同对象下的方法,所以这里我们引入2个对象,分别是stringBox和dataBox。
import { dataBox, stringBox } from 'js-tool-big-box';
2 生成uuid
uuid使用于一些要求唯一性的场景,例如动态表单唯一标识啦,后端需要我们给一个唯一方法名用于创建一些内容啦,判断一些用户登录信息啦。使用示例代码如下:
const myUUID1 = stringBox.generateUUID();
const myUUID2 = stringBox.generateUUID();
const myUUID3 = stringBox.generateUUID();
const myUUID4 = stringBox.generateUUID();
const myUUID5 = stringBox.generateUUID();
console.log('获取到的uuid值第一次', myUUID1);
console.log('获取到的uuid值第二次', myUUID2);
console.log('获取到的uuid值第三次', myUUID3);
console.log('获取到的uuid值第四次', myUUID4);
console.log('获取到的uuid值第五次', myUUID5);
使用方法总结:
方法名 | 返回值 | 入参 |
generateUUID | 36位字符串,其中有4位横岗 | 无 |
3 数组去重
数组去重的使用场景就更多了,直接看使用js-tool-big-box的示例代码吧:
const arr1 = [1, 2, 3, 5, 1, 2, 3, 4];
const arr2 = [1, 2, 'jim', '1', 'tom', 1, '张三', 2, '3'];
const uniqueArr1 = dataBox.uniqueArray(arr1);
const uniqueArr2 = dataBox.uniqueArray(arr2);
console.log('去重前的arr1的值为:', arr1);
console.log('去重后的arr1的值为:', uniqueArr1);
console.log('去重前的arr2的值为:', arr2);
console.log('去重后的arr2的值为:', uniqueArr2);
使用方法总结:
方法名 | 返回值 | 入参 |
uniqueArray | 去重后的数组数据 | 第一个参数必填,表示需要去重的数组 |