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字符串的原理