如何从 JavaScript 中的多个不同 arrays 中获取随机字符

Question

const array1 = ["A", "b", "C", "D", "f"]
const array2 = ["❤️", "🔥", "👋", "🦑", "😅"]
const array3 = ["0", "1", "2", "3", "4", "5"]


function renderItem() {
    let randomI = Math.floor(Math.random() * array1.length)
    console.log(array2[randomI])
}


function generateRandom () {
    let randomValue = ""
    for(let i = 0; i < 4; i++) {
        randomValue += renderItem()
    }
    return randomValue
}

I create an input field in HTML where the user can select a number between (6 - 18). and two input checkboxes. if both or one of them are checked✅ I want to generate random characters from three(3) of the arrays or from two(2) different arrays. if none of theme are not checked I want to generate random characters from the first array.

now my question is how do I get random eg(10) characters from those 3 different arrays?

Answer 1

maybe do a 2d array? if you don't want to change the original arrays.

const arr = [array1, array2, array3]
function renderItem() {
    //randomly select an array
    let randArrIndex= Math.floor(Math.random() * arr.length)
    //now select a random Item from that array (we need it's length to get a valid index)
    let randItemIndex = Math.floor(Math.random() * arr[randArrIndex].length)
    console.log(arr[randArrIndex][randItemIndex])
}

sorry if I didn't understand the question correctly