前端JS必用工具【js-tool-big-box】学习,生成uuid,数组去重

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);

使用方法总结: 

方法名返回值入参
generateUUID36位字符串,其中有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去重后的数组数据第一个参数必填,表示需要去重的数组

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

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

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

经海路大白狗

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值