JS 生成 ID

在前端开发中，生成唯一的 ID 是非常常见的需求。通常情况下，我们可以为每个元素手动指定一个 ID，但在某些场景下，我们需要使用动态生成的 ID，比如在列表中动态生成多个元素，每个元素的 ID 都需要唯一。

在这篇文章中，我们将探讨 JS 中如何生成 ID，并介绍三种常见的实现方式。

实现方式

1. 基于时间戳

我们可以使用 JS 中的时间戳来生成唯一的 ID。时间戳指的是自 1970 年 1 月 1 日以来的毫秒数，它是唯一且递增的，因此可以用来生成唯一 ID。

const timestamp = Date.now(); // 获取当前时间戳
const uniqueId = `id-${timestamp}`; // 添加前缀
console.log(uniqueId);
// 输出：id-1596952672069

2. 基于随机数

我们也可以使用随机数来生成唯一的 ID。由于随机数是随机生成的，因此生成出来的 ID 并不是绝对唯一的，但在大多数场景下是可以满足要求的。

const random = Math.random().toString(36).substr(2, 9); // 生成 9 位随机字符串
const uniqueId = `id-${random}`; // 添加前缀
console.log(uniqueId);
// 输出：id-u3x1w0247

3. 基于计数器

我们还可以使用计数器来生成唯一的 ID。每当需要生成一个新的 ID 时，计数器就自增一，并将其值添加到 ID 中。

let counter = 0; // 定义计数器
function generateUniqueId() {
  const uniqueId = `id-${counter++}`; // 添加前缀并自增计数器
  return uniqueId;
}
console.log(generateUniqueId());
// 输出：id-0
console.log(generateUniqueId());
// 输出：id-1

总结

在本文中，我们介绍了三种常见的方式可以用于在 JS 中生成唯一的 ID。这些方式各有优缺点，需要在实际开发中根据需求进行选择。通过本文的介绍，相信读者已经对 JS 中生成 ID 的原理和方法有了更深入的了解。