📌  相关文章
📜  使用 javascript 的 id 生成器(1)

📅  最后修改于: 2023-12-03 14:49:41.303000             🧑  作者: Mango

使用 JavaScript 的 ID 生成器

在开发网页时，我们常常需要为页面元素生成唯一的ID。这些ID用于标识网页中的特定元素，比如按钮，输入框等。JavaScript提供了一种简单的方式来生成这些ID。

使用 Math.random()

我们可以使用JavaScript的内置函数Math.random()来生成随机数。这个函数返回一个介于0和1之间的随机小数。因为这个数是随机的，我们可以将其与其它数字结合在一起以生成一个唯一的ID。

下面是一个生成简单ID的示例代码：

const generateId = () => {
  return '_' + Math.random().toString(36).substr(2, 9);
};

console.log(generateId()); // 输出例如 "_abcde1234"

在这个函数里，我们开始使用 _ 作为ID的前缀符号以便识别。然后我们调用 Math.random() 生成一个从0到1之间的随机小数。为了将其转化为字符串格式，我们调用 .toString(36)，36的含义是使用36进制。最后，我们使用 .substr(2,9) 从字符串的第二个字符开始截取9个字符。

使用时间戳

用时间戳也可以生成唯一的ID，因为时间戳是一个自动递增的数字，它可以很好地用来区分不同的请求。下面是一个代码示例：

const generateId = () => {
  return new Date().getTime().toString();
};

console.log(generateId()); // 输出例如 "1626570185481"

在这个函数中，我们使用 new Date().getTime() 获取当前时间的时间戳，然后将其转换为字符串。

结论

这是两种生成唯一ID的技术，都非常简单。你也可以将它们结合起来，比如在你的随机数前面添加一个时间戳。总之，使用JavaScript生成ID是非常简单的，可以做到轻松快速的生成唯一的ID。

参考资料