如何在 vue 中生成预订代码？

Question

我尝试这样：

methods: {
    generateCode () {
      const letters = '1217CHELS323412eafoo'
      const uniqueId = function () {
        let text = ''
        for (let i = 0; i < 6; i++) {
          text += letters.charAt(Math.floor(Math.random() * letters.length))
        }
        return text
      }
      return uniqueId()
    }
}

一些结果示例：：L1LE3C、o23H1f、HeLe34

这段代码完美吗？我的意思是每次调用这个方法，它肯定会生成一个唯一的预订码

Answer 1

你的字母选择很少，而且你只生成6个字符的代码，我做了一个简单的脚本来检查你需要生成多少次才能匹配到LS73ea

12787899 times
20141743 times
31479934 times
18819863 times
30361586 times
5533616 times
6495725 times
13431128 times
29765633 times
18367311 times

重复的可能性很高。

我不明白您为什么要在 letters 中包含相同的字符。相反，请执行以下操作：

methods: {
    generateCode () {
      // Alphanumeric
      const characters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890'
      const uniqueId = function () {
        let text = ''
        for (let i = 0; i < 8; i++) {
          text += characters.charAt(Math.floor(Math.random() * characters.length))
        }
        return text
      }
      return uniqueId()
    }
}

该函数将生成类似HrsK9wgF的代码，并且重复的机会更少，如果您想使其更低，您还可以：

1. 在字母选择中添加更多字符，如符号（-、_）
2. 增加生成的代码长度

作为参考，Youtube的视频id使用A-Z、a-z、0-9、-和_进行字符选择，长度为11个字符。

除此之外，您确定要在前端应用上生成 ID 吗？它似乎应该在您的后端应用程序上生成。