vue生成唯一id

最新推荐文章于 2026-05-19 07:02:53 发布

原创最新推荐文章于 2026-05-19 07:02:53 发布 · 7.6k 阅读

6 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Vue

当前文章被收录于：

Vue

14 篇文章 1 人学习

针对vue实战

订阅专栏查看详情

【JavaScript】

当前文章被收录于：

【JavaScript】

6 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种生成唯一ID的算法，通过结合随机数生成和十六进制转换，确保了ID的唯一性和复杂度。文章详细解释了算法的实现过程，包括如何避免重复ID的产生。

注意：需要声明一个字符串来接受这个生成的唯一id

  createUniqueId(n) {
      n = 1; // 生成一个唯一id，包含数字和字母
      var random = function() {
        // 生成10-12位不等的字符串
        return Number(
          Math.random()
            .toString()
            .substr(2)
        ).toString(36); // 转换成十六进制
      };
      var arr = [];
      function createId() {
        var num = random();
        var _bool = false;
        arr.forEach(v => {
          if (v === num) _bool = true;
        });
        if (_bool) {
          createId();
        } else {
          arr.push(num);
        }
      }
      var i = 0;
      while (i < n) {
        createId();
        i++;
      }
      this.uniqueId = arr[0]; // 将生成的转为我们需要的字符串并赋值
      return arr;
    },