当前位置: 首页 > article >正文

js生成唯一标识符(例如key或者id)

前端遍历渲染的时候,往往需要唯一标识符用作key或者id,当然可以使用第三方优秀的库,如 uuid 或 nanoid。下面不用第三方库的情况下,js生成独一无二的key或者id的方案

方法

/**
 * 生成唯一 key,这里使用时间戳 + 随机数
 * 你也可以引入第三方库,如 uuid 或 nanoid,但这里为了减少依赖,直接使用 JS 生成
 * @returns
 */
const generateUniqueKey = () => {
  return `${new Date().getTime()}-${Math.random().toString(36).substr(2, 9)}`;
};

解析

这段代码生成当前时间戳随机字符串拼接的唯一标识符。我们可以将其分解为几个部分来详细解析:

1. new Date().getTime()

  • new Date(): 创建一个表示当前日期和时间的 Date 对象。
  • getTime(): 返回自 1970 年 1 月 1 日 00:00:00 UTC 以来的毫秒数。这是一个大整数,表示当前时间的时间戳。

2. Math.random().toString(36).substr(2, 9)

  • Math.random(): 生成一个介于 0(包含)和 1(不包含)之间的随机浮点数。
  • toString(36): 将浮点数转换为一个以 36 为基数的字符串。基数 36 使用 0-9 和 a-z 来表示数字。
  • substr(2, 9): 从转换后的字符串中提取从索引 2 开始的 9 个字符。索引 0 和 1 通常是 “0.”,所以从索引 2 开始提取可以跳过这两个字符。

有兴趣可以参考

  • uuid库生成不重复的id字符串的原理

http://www.kler.cn/a/286506.html

相关文章:

  • Sqoop源码修改:增加落地HDFS文件数与MapTask数量一致性检查
  • C++:多继承习题5
  • 什么是Maxscript?为什么要学习Maxscript?
  • Nginx前端后端共用一个域名如何配置
  • RPC是什么?和HTTP区别?
  • 在无sudo权限Linux上安装 Ollama 并使用 DeepSeek-R1 模型
  • linux小程序-进度条
  • 【iOS】如何制作苹果开发者证书、p12文件全流程(图文详情)
  • Python标准库学习之platform模块
  • macos USB外接键盘ctrl键绑定方法 解决外接USB键盘与mac键盘不一致问题
  • SpringSecurity Oauth2 - 密码认证获取访问令牌源码分析
  • gNB UE发送Timing AdvanceCommand
  • 新手如何学单片机
  • 续:MySQL的gtid模式
  • Nginx: TCP建立连接的优化和启用Fast Open功能
  • unicode编码存在转义字符,导致乱码问题的解决方案
  • 在gitignore忽略目录及该目录下的子文件
  • Guava Cache实现原理及最佳实践
  • 全国大学生数据建模比赛——深度学习
  • 网络工程师学习笔记——局域网和城域网
  • Linux之ip命令详解
  • 财富知识的认知(一)
  • 将单元格中的单引号隐藏,但是并不删除,用于从txt中复制到excel中直接将数字内容改为文本显示,刷新内容
  • kali——nikto的使用
  • VUE之Router命令行警告:Named Route ‘Home‘ has a default child route. 解决办法
  • HDMI显示器驱动设计与验证