JS生成唯一id|极客笔记

JS生成唯一id

在前端开发中，有时候我们需要生成唯一的ID来标识某个元素或者实体。这样的唯一ID可以帮助我们更好地管理各个元素，并且保证它们的唯一性。在JS中生成唯一ID有很多种方法，我们可以通过不同的方式来实现。

方法一：使用Math.random()

最简单的方法就是使用Math.random()函数生成一个随机的ID。这个方法的优点是生成的ID是唯一的，缺点是没有可预测性，且不容易处理重复的情况。

function generateUniqueId() {
    return Math.random().toString(36).substr(2, 9);
}

console.log(generateUniqueId()); // 输出类似于 "0wkc3s4x"

方法二：使用时间戳

另一种常见的方法是使用时间戳作为ID的一部分。这种方法保证了ID的唯一性，且可读性较高。

function generateUniqueId() {
    return Date.now().toString(36);
}

console.log(generateUniqueId()); // 输出类似于 "1a9yf4fekj"

方法三：使用UUID

UUID（Universally Unique Identifier）是一种唯一标识符，通常由32个十六进制数组成，用于保证ID的全球唯一性。我们可以使用现成的UUID库来生成UUID。

// 使用uuid库生成UUID
const { v4: uuidv4 } = require('uuid');

function generateUniqueId() {
    return uuidv4();
}

console.log(generateUniqueId()); // 输出类似于 "edd3c16e-1884-4e9d-ab30-8ff0ebd6e515"

方法四：自定义规则生成ID

除了上述方法外，我们还可以通过自定义规则生成ID。例如，可以将当前页面的URL和时间戳拼接起来作为ID。

function generateUniqueId() {
    const timestamp = Date.now().toString(36);
    const url = window.location.href;
    return ` ${url}_$ {timestamp}`;
}

console.log(generateUniqueId()); // 输出类似于 "http://example.com/abc_1a9yf4fekj"