如何在JavaScript中从三个数组生成随机字符并拼接？

原代码存在两个问题：一是renderItem固定只从array2取元素，且没有返回值，导致generateRandom拼接的是undefined；二是索引计算绑定了array1的长度，若数组长度不一致可能出现越界。以下是修改后的实现：

修改后的完整代码 #

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

// 把所有目标数组整合到一个集合中
const allArrays = [array1, array2, array3];

function renderItem() {
    // 第一步：随机选中一个数组
    const randomArray = allArrays[Math.floor(Math.random() * allArrays.length)];
    // 第二步：从选中的数组里随机选一个元素
    const randomIndex = Math.floor(Math.random() * randomArray.length);
    // 返回选中的元素，供拼接使用
    return randomArray[randomIndex];
}

function generateRandom () {
    let randomValue = ""
    for(let i = 0; i < 4; i++) {
        // 现在renderItem有返回值，直接拼接即可
        randomValue += renderItem()
    }
    return randomValue
}

// 测试示例
console.log(generateRandom()); // 输出类似 "f😅2🔥" 这样的随机字符串

关键修改点说明 #

• 数组集合化：将三个数组放到allArrays里，方便随机选择目标数组，后续新增数组只需往这里添加即可，扩展性更好。
• 双随机逻辑：先随机选数组，再从该数组随机选元素，确保每次都从三个数组中随机挑一个元素。
• 修复返回值问题：给renderItem加上return，让generateRandom能正确拼接字符，而不是undefined。

内容的提问来源于stack exchange，提问作者Zishan9 Ahmed