使用 javascript 时间创建一个唯一的数字

Question

我需要使用 javascript 即时生成唯一的 ID 号。过去，我通过使用时间创建一个数字来做到这一点。该数字将由四位数字的年份、两位数字的月份、两位数字的日期、两位数字的小时、两位数字的分钟、两位数字的秒和三位数字的毫秒组成。所以它看起来像这样：20111104103912732 ...这将为我的目的提供足够的确定性。

我已经有一段时间没有这样做了，我没有代码了。任何人都有执行此操作的代码，或者对生成唯一 ID 有更好的建议？

Answer 1

我找到的简单解决方案

var today = new Date().valueOf();

console.log(今天);

Answer 2

即使在快速循环中，这也会返回唯一值。

当然这还可以改进很多

const getUniqueValue = (strength = 2, int=false) => {
    
    const u = () => (Math.random() * 10000).toString().replace('.','');
    
    let r = '';
    
    for (let i=0; i < strength; i++) {
        r += u();
    }
    
    return (int) ? parseInt(r) : r;
}

[1,2,3,5,6,7,8,9,10].map(item => console.log(getUniqueValue()));

Answer 3

我生成唯一 ID 的常用方法是使用 Date.now();

const ID = Date.now();
console.log(ID);

另一种方法是使用库作为 idgp，可以使用 npm 安装。

链接：https://www.npmjs.com/package/idgp

Answer 4

使用 javascript time V2.0 生成唯一编号

JavaScript 时间值：日期为自 1970-01-01 以来的毫秒数
100% 保证生成不同的数字...

let Q = {};
Q.in = document.querySelector('#in');
Q.info = document.querySelector('#butStart');
Q.copy = document.querySelector('#butCopy');
Q.demo = document.querySelector('#demo');

function genUniqueNum() {
    let kol = Q.in.value,
        data, tmp, out = '';
    let i = 0;

    while (i < kol) {
        data = new Date().getTime();
        if (data != tmp) {
            out += `${data}\n`;
            tmp = data;
            i++;
        }
    }
    Q.demo.value += out;
}

function elemTarget(e) {
    e = e || window.event;
    e.preventDefault();
    return e.target;
}

document.addEventListener('click', (e) => {
    let elem = elemTarget(e);

    if (elem.id === 'butStart') {
        genUniqueNum();
    }
    if (elem.id === 'butCopy' && Q.demo.value) {
        Q.demo.select();
        Q.demo.setSelectionRange(0, 99999);
        document.execCommand("copy");
    }
    if (elem.id === 'butClear') {
        Q.demo.value = '';
    }
});

#in{
  width: 91px;
}

#butStart,
#butCopy,
#butClear {
  width: 100px;
  margin: 3px 2px 0px 0;
  height: 25px;
}

#butCopy {
  margin: 0 5px;
}

#demo {
  width: 200px;
  height: 100px;
  margin: 5px 0 0;
}

  <input type="number" id="in" maxlength="1000000" minlength="1" value="5">
  <label> - Amount</label><br>
  <button id="butStart">Start</button><br>
  <textarea id="demo"></textarea><br>
  <button id="butClear">Clear</button><button id="butCopy">Copy</button>

Fork-codepen.io

Answer 5

只写使用自动增量

i=1;
getUnique(){
return i++
}