网站地图    收藏   

主页 > 前端 > javascript >

js生成唯一id,js生成uuid

来源:未知    时间:2021-11-22 23:33 作者:小飞侠 阅读:

[导读] js生成前端唯一id,比如uuid 简单的生成: 虽然此方法简单但是大批量生成会有重复...,但是性能好。 functionguid(){returnNumber(Math.random().toString().substr(3,3)+Date.now()).toString(36);} 复杂的生成:...

js生成前端唯一id,比如uuid

简单的生成:

虽然此方法简单但是大批量生成会有重复...,但是性能好。

function guid() {
      return Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
}

复杂的生成:

可以利用时间戳,目前亲测同时10W条没有重复。

function formatDateTime() {
    var date = new Date();
    var y = date.getFullYear();
    var m = date.getMonth() + 1;
    m = m < 10 ? ('0' + m) : m;
    var d = date.getDate();
    d = d < 10 ? ('0' + d) : d;
    var h = date.getHours();
    var minute = date.getMinutes();
    var second = date.getSeconds();
    return y + '' + m + '' + d + '' + h + '' + minute + '' + second;
}

let arr = []; 
for(i = 0; i< 1000; i++) { 
	var guids = formatDateTime() + Math.random().toString(36).substr(2);
	if (arr.indexOf(guids) > -1){ 
		console.log(guids, arr.indexOf(guids))
	}; 
	arr.push(guids); 
};

模拟UUID生成方式:

目前亲测同时10W条没有重复

function generateUUID() {
    var d = new Date().getTime();
    if (window.performance && typeof window.performance.now === "function") {
        d += performance.now(); //use high-precision timer if available
    }
    var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
        var r = (d + Math.random() * 16) % 16 | 0;
        d = Math.floor(d / 16);
        return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);
    });
    return uuid;
}

let arr = []; 
for(i = 0; i< 1000; i++) { 
	var guids = formatDateTime() + Math.random().toString(36).substr(2);
	if (arr.indexOf(guids) > -1){ 
		console.log(guids, arr.indexOf(guids))
	}; 
	arr.push(guids); 
};


自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论