如何在 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