如何在 JavaScript 中生成随机字符串

Kirill Ibrahim 2023年1月30日 2020年11月24日
  1. 使用 for 循环来生成随机字符串
  2. 使用内置方法生成随机字符串
如何在 JavaScript 中生成随机字符串

本文将介绍用 JavaScript 生成随机字符串的多种方法。下面的每个方法都会有一个代码示例,你可以在你的机器上运行。

使用 for 循环来生成随机字符串

我们使用 Math.random() 方法来生成 0 和 1 之间的随机数。

Math.floor(Math.random() * charactersLength) 将生成 0 和声明数组长度之间的随机数。

我们使用 for 循环来创建随机字符串的所需长度。每次迭代都会生成一个随机字符。

示例:使用内置方法生成随机数组

const  generateRandomString = (num) => {
    const characters ='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
    let result1= ' ';
    const charactersLength = characters.length;
    for ( let i = 0; i < num; i++ ) {
        result1 += characters.charAt(Math.floor(Math.random() * charactersLength));
    }

    return result1;
}

const displayRandomString = () =>{
   let randomStringContainer = document.getElementById('random_string'); 
    randomStringContainer.innerHTML =  generateRandomString(8);    
}

console.log(generateRandomString(5));

使用内置方法生成随机字符串

我们可以使用以下内置函数来生成随机字符串。

  • Math.random() 方法来生成随机字符。
  • toString(36) 方法表示 [a-zA-Z0-9]。阅读更多关于 toString()
  • substring(startIndex, endIndex) 方法返回指定数量的字符。

例子

const  generateRandomString = (num) => {
        const characters ='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
        let result1= Math.random().toString(36).substring(0,num);       

        return result1;
    }

console.log(generateRandomString(7));

相关文章 - JavaScript String