如何生成每个元素为独立骰子点数的JavaScript数组？

问题原因 #

• 第一段代码中，diceRoll是单个数字值，并非数组，因此diceRoll[i]无法获取有效内容，返回undefined。
• 第二段代码仅在初始化时生成一次随机数，Array.from的回调函数每次都返回这个固定值，导致数组所有元素完全相同。

正确实现 #

要让数组每个位置独立生成骰子点数，只需将随机数生成逻辑放到Array.from的回调函数中，确保每次迭代都重新生成随机数：

const diceRollArr = Array.from({length: 4}, () => Math.trunc(Math.random() * 6) + 1);
console.log(diceRollArr); // 示例输出: [3, 1, 6, 4]

也可以用Array.fill()结合map()实现相同效果：

const diceRollArr = Array(4).fill().map(() => Math.trunc(Math.random() * 6) + 1);

上述两种写法中，每次执行回调函数时都会重新调用Math.random()生成新的随机数，最终数组的每个元素都是独立的1-6之间的整数。

内容的提问来源于stack exchange，提问作者Brenden Baio