1. simple-unique
完全随机生成唯一字符串 · 超轻量 | Completely random generation of unique strings · Ultra-lightweight
simple-unique
Package: simple-unique
Created by: Lete114
Last modified: Tue, 17 May 2022 22:09:56 GMT
Version: 1.2.0
License: MIT
Downloads: 376
Repository: https://github.com/Lete114/Simple-Unique

Install

npm install simple-unique
yarn add simple-unique
语言: 中文 English

Simple-Unique

完全随机生成唯一字符串 · 超轻量

Version MIT License

简介

完全随机生成唯一字符串 · 超轻量

压缩大小: 180~ Byte

gzip 大小: 150~ bit

安装

Using npm:

 npm install simple-unique --save

Using jsDelivr CDN:

 <script src="https://cdn.jsdelivr.net/npm/simple-unique/dist/unique.min.js"></script>

Using unpkg CDN:

 <script src="https://unpkg.com/simple-unique/dist/unique.min.js"></script>

使用案例

CLI

你可以全局安装后在终端使用

 npm install simple-unique -g

你也可以使用npx免安装使用Simple-Unique

 npx simple-unique
npx: installed 1 in 1.82s
3f7c94zs79

自定义唯一字符串长度

请注意,sunique是全局安装后,产生的别名,既可以使用sunique也可以使用simple-unique(推荐sunique)

 sunique --size 20
y8n69mohr3pmf7vg19to

Node.js

 const unique = require('simple-unique')
const arr1 = [unique(), unique()]
const arr2 = [unique(20), unique(20)]

console.log(arr1[0] === arr1[1], arr1) // false [ 'krntrfokkp', '35tftcm3tr' ]
console.log(arr2[0] === arr2[1], arr2) // false [ 'lva8timtvipgbenfjkhj', '9s32qj2chqulqxox7npq' ]

ES Modules

 import unique from 'simple-unique'
const arr1 = [unique(), unique()]
const arr2 = [unique(20), unique(20)]

console.log(arr1[0] === arr1[1], arr1) // false [ 'sscya8ri7m', 'nbfrebutok' ]
console.log(arr2[0] === arr2[1], arr2) // false [ 'bcl5371wv3txd3d3a8zt', 'uvt8uiogn2jjbot9b07p' ]

浏览器

 <script src="https://cdn.jsdelivr.net/npm/simple-unique/dist/unique.min.js"></script>
<script>
  const arr1 = [unique(), unique()]
  const arr2 = [unique(20), unique(20)]

  console.log(arr1[0] === arr1[1], arr1) // false [ 'gsf2e7u9fw', 'y2vm3x0tpv' ]
  console.log(arr2[0] === arr2[1], arr2) // false [ 'l399uakldce29mfev391', '36t375r2uim63wkplz1s' ]
</script>

Simple-Unique VS NanoID

Simple-UniqueNanoID 对比,分别生成9999999(一千万)个唯一 id,长度为 10 位数

如下结果是在浏览器控制台中进行测试的

Simple-Unique 的效率大约是 NanoID 的 7 倍

  • Simple-Unique: 3775.31591796875 ms (3~5 秒左右)
  • NanoID: 26226.182861328125 ms (26~28 秒左右)
 // Simple-Unique
var SimpleUnique=function(){"use strict";return function(n){n=n||10;for(var r=function(){return Math.random().toString(36).slice(2)},t=r();t.length<n;)t+=r();return t.slice(0,n)}}();

// NanoID
let NanoID=(t=21)=>crypto.getRandomValues(new Uint8Array(t)).reduce(((t,e)=>t+=(e&=63)<36?e.toString(36):e<62?(e-26).toString(36).toUpperCase():e<63?"_":"-"),"");

const TenMillion = 9999999

var SimpleUniqueArray = []

var NanoIDArray = []

// 测试效率
// 差不多在3~5秒左右
// Simple-Unique: 3775.31591796875 ms
console.time('Simple-Unique')
for (let index = 0; index < TenMillion; index++) {
  SimpleUniqueArray.push(SimpleUnique(10))
}
console.timeEnd('Simple-Unique')

// 测试效率
// 差不多在26~28秒左右
// NanoID: 26226.182861328125 ms
console.time('NanoID')
for (let index = 0; index < TenMillion; index++) {
  NanoIDArray.push(NanoID(10))
}
console.timeEnd('NanoID')

// 测试在生成 9999999(一千万) 后是否存在重复id
// 使用 Set 对数组去重,最后查看剩余是否是 9999999(一千万)
const SimpleUniqueSize = new Set(SimpleUniqueArray).size
const NanoIDSize = new Set(NanoIDArray).size

// 如果为true,则表示在 9999999(一千万) 中无重复id
console.log(SimpleUniqueSize === TenMillion, SimpleUniqueSize) // true 9999999
console.log(NanoIDSize === TenMillion, NanoIDSize) // true 9999999

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin