vue 随机取一个数组中的数据
时间: 2023-03-31 14:00:28 浏览: 521
可以使用 Math.random() 方法生成一个随机数,再用该随机数乘以数组长度,取整数部分作为数组下标,即可随机取得数组中的数据。具体代码如下:
var arr = [1, 2, 3, 4, 5];
var randomIndex = Math.floor(Math.random() * arr.length);
var randomData = arr[randomIndex];
console.log(randomData); // 随机输出数组中的一个数据
相关问题
vue 随机取一个数组中的4项数据不重复
可以使用 Fisher-Yates 洗牌算法来实现随机取不重复的数组元素。具体步骤如下:
1. 首先,将数组中的元素按照顺序排列。
2. 然后,从数组的最后一个元素开始,向前遍历数组,对于每个元素,随机生成一个小于等于它的下标,将该元素与随机下标对应的元素交换位置。
3. 重复步骤 2 直到遍历到数组的第一个元素,此时数组中前面的 4 个元素就是随机取的不重复元素。
示例代码如下:
```javascript
function getRandomItems(arr, count) {
const result = [];
const len = arr.length;
for (let i = len - 1; i >= len - count; i--) {
const randomIndex = Math.floor(Math.random() * (i + 1));
[arr[i], arr[randomIndex]] = [arr[randomIndex], arr[i]];
result.push(arr[i]);
}
return result;
}
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const result = getRandomItems(arr, 4);
console.log(result); // [2, 5, 9, 6],随机取 4 个不重复的元素
```
vue 随机获取数组中的数据
可以使用 Math.random() 方法生成一个随机数,然后将数组的长度作为最大值,用 Math.floor() 方法将随机数向下取整,得到一个随机的数组下标,最后返回该下标对应的数组元素即可。具体代码实现可以参考以下示例:
let arr = [1, 2, 3, 4, 5];
let randomIndex = Math.floor(Math.random() * arr.length);
let randomItem = arr[randomIndex];
console.log(randomItem); // 随机输出数组中的一个元素
阅读全文