在 JavaScript 中使用随机数创建长度为 n 的数组

Question

在 this answer 创建指定长度的数组之后，我执行了以下操作以获得相应的结果，但填充的是随机数，而不是零。

var randoms = Array(4).fill(Math.floor(Math.random() * 9));

嗯，从数学上讲它是随机的，好吧。但我希望随机性在数组中可见，当然不仅仅是在运行之间。愚蠢的电脑...不要照我说的做。做我想做的事！

我可以迭代并将其放入我的随机（和变化）值。但是，出于纯粹的好奇，我想知道是否有可能使用单线（如上面的 MatLab 风格）获得正确的结果。我需要调用 eval(function()...) 吗？我听说过很多关于 eval 的坏话...

请注意，上面生成的代码如下：

[7, 7, 7, 7]
[3, 3, 3, 3]

等等。虽然我想要类似的东西

[1、2、3、4]
[4、3、8、4]

Answer 1

Array#fill 是做什么的？

根据 MDN

fill() 方法用静态值填充数组中从开始索引到结束索引的所有元素。

您可以使用Function#apply、Array#map、Math.floor()、Math.random()。

在 ES6 中，Array#from 和 Arrow function 可以使用。

Array.from({length: 6}, () => Math.floor(Math.random() * 9));

Array.apply(null, Array(6)).map(() => Math.floor(Math.random() * 9));

var randomArr = Array.from({length: 6}, () => Math.floor(Math.random() * 9));

document.getElementById('result').innerHTML = JSON.stringify(randomArr, 0, 4); // For demo only

<pre id="result"></pre>

在 ES5 中：

Array.apply(null, Array(6)).map(function(item, index){
    return Math.floor(Math.random() * 9);
});

var randomArr = Array.apply(null, Array(6)).map(function(item, index){
    return Math.floor(Math.random() * 9)
});

document.getElementById('result').innerHTML = JSON.stringify(randomArr, 0, 4);

<pre id="result"></pre>

Array.apply(null, Array(n)) 是什么？ new Array(n)可以用在这里吗？

上面的代码都创建了六个元素的新数组，每个元素的值都是undefined。但是，当使用new 语法时，创建的数组是不可迭代的。为了使数组可迭代，使用Array.apply(null, Array(6)) 语法。

---

如果您在页面上包含lodash，那真的很容易。

_.times(6, _.random.bind(0, 100))
        ^                        - Number of elements in array
                         ^       - Random number range min
                            ^^^  - Random number range max

注意：这个答案的灵感来自Colin Toh's blog

Answer 2

var randoms = Array(4).fill(Math.floor(Math.random() * 9));

这行代码将创建一个包含 4 个相同数字的列表，因为 fill 采用单个值并在列表的长度内重复它。您要做的是每次运行随机数生成器：

var makeARandomNumber = function(){
    return Math.floor(Math.random() * 9);
}
var randoms = Array(5).fill(0).map(makeARandomNumber);
console.log(randoms)
// => [4, 4, 3, 2, 6]

https://jsfiddle.net/t4jtjcde/

Answer 3

`const t = Array.from({length: n}, mapArrowFx);

1) const t10 = Array.from({length: 10}, (v, k) => k); [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

2) const tEven = Array.from({length: 10}, (v, k) => 2*k); [0, 2, 4, 6, 8, 10, 12, 14, 16, 18]

........

3)

let n=100; const tRandom= Array.from({length: n}, (v, k) => Math.floor(Math.random()*n));

...

Answer 4

简短而简单的 ES6 方法 -

// randomly generated n = 4 length array 0 <= array[n] <= 9
var randoms = Array.from({length: 4}, () => Math.floor(Math.random() * 10));

享受吧！

Answer 5

我想知道是否有可能用单线得到正确的结果......

var randoms = [...Array(4)].map(() => Math.floor(Math.random() * 9));

document.body.innerText = randoms;

Answer 6

来自Sized array of random unique numbers的解决方案

const uniqRandomNumbers  = _.sampleSize(_.range(9), 4);
console.log(uniqRandomNumbers);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js"></script>