在 JavaScript 中从数组中选择一个随机元素
本文介绍如何在 JavaScript 中从数组中选择随机元素。它还强调了位运算符 NOT
(~~
) 和 OR
(|
) 的使用,这对于小尺寸数组很有用。
在 JavaScript 中从数组中选择一个随机值
我们可以使用以下方式从 JavaScript 中的数组中随机选择一个元素:
Math.random()
、array.length
和Math.floor()
一起使用。- 使用
Lodash
和Underscore.js
的.sample()
方法。 - 使用位运算符
NOT
和OR
。
在 JavaScript 中使用 Math.random()
、array.length
和 Math.floor()
从数组中选择一个随机元素
var arrStr = ['Mehvish', 'Tahir', 'John', 'Sania', 'Thomas'];
var randElement = arrStr[Math.floor(Math.random() * arrStr.length)];
console.log(randElement);
输出:
"John"
在上面的示例中,Math.random()
方法用于获取 0
和 1
之间的随机数,其中 1
是互斥的,0
是包含的。
然后,将它乘以数组的大小,得到 0 - array.length
之间的答案。
最后,我们使用 Math.floor()
来获取 0
到 array.length-1
之间的索引。
var arrInt = [1, 3, 5, 7, 2, 9, 0];
var randElement = arrInt[Math.floor(Math.random() * arrInt.length)];
console.log(randElement);
输出:
9
在 JavaScript 中使用 Lodash
和 Underscore.js
的 .sample()
方法从数组中选择一个随机元素
let _ = require('lodash');
var arrStr = ['Mehvish', 'Tahir', 'John', 'Sania', 'Thomas'];
var randElement = _.sample(arrStr);
console.log(randElement);
输出:
"Sania"
在这里,我们使用 lodash 库的 .sample()
方法,该方法在另一个名为 Underscore.js
的库的顶部工作。
此方法采用单个参数、一个集合并从该集合中输出一个随机元素。
let _ = require('lodash');
var arrInt = [2, 5, 4, 7, 9, 0, 7];
var randElement = _.sample(arrInt);
console.log(randElement);
输出:
2
我们还可以使用 Underscore.js
库的 .sample()
方法。不同之处在于它需要两个参数:列表,第二个是数字。
它告诉你一次需要多少个随机元素。
var arrInt = [2, 5, 4, 7, 9, 0, 7];
var randElement = _.sample(arrInt);
console.log(randElement);
输出:
7
var arrInt = [2, 5, 4, 7, 9, 0, 7];
var randElement = _.sample(arrInt, 2);
console.log(randElement);
输出:
[2,9]
不要忘记在使用前导入 Underscore.js
。你可以在此处找到更多详细信息。
在 JavaScript 中使用位运算符 NOT
(~~
) 和 OR
(|
) 从数组中选择一个随机元素
var arrStr = ['Mehvish', 'Tahir', 'John', 'Sania', 'Thomas'];
var randElement = arrStr[~~(Math.random() * arrStr.length)];
console.log(randElement)
输出:
"Tahir"
上面的示例使用了 Math.floor()
方法的替代方法,即按位 NOT
(~~
) 运算符。
但是,它更快,但仅对小尺寸数组有用。当数组中有数百万个元素时,我们不能使用它。
让我们继续使用整数数组的 OR
运算符。对于小型数组,按位 OR
运算符也更快。
var arrInt = [2, 4, 6, 7, 3];
var randElement = arrInt[Math.random() * arrInt.length | 0];
console.log(randElement)
输出:
6
相关文章
在 JavaScript 中跟踪鼠标位置
发布时间:2024/03/16 浏览次数:188 分类:JavaScript
-
在本教程中,我们将了解如何在 JavaScript 中使用鼠标事件跟踪鼠标位置。
在 JavaScript 中将 Base64 转换为图像
发布时间:2024/03/16 浏览次数:77 分类:JavaScript
-
将 Base64 字符串转换为图像的最简单方法是调用启动图像构造函数并将 base64 字符串作为图像源的函数。此解决方案需要最少的代码行和努力来获得更好的结果。此外,还有一些复杂的实
使用 JavaScript 将图像转换为 Base64 字符串
发布时间:2024/03/16 浏览次数:144 分类:JavaScript
-
本文将讨论如何通过创建画布并将图像加载到其中,并使用文件读取器方法获取图像的相应字符串,将图像转换为其 base64 字符串表示。
在 JavaScript 中操作图像
发布时间:2024/03/16 浏览次数:175 分类:JavaScript
-
本文将介绍 JavaScript 中的图像处理功能。我们将使用 CamanJS 这是一个 JavaScript 库来操作图像。
在 JavaScript 中交换图像
发布时间:2024/03/16 浏览次数:134 分类:JavaScript
-
本教程展示了如何使用 JavaScript 简单地交换图像。你将学习如何使用不同的方法交换图像,例如使用 onclick、鼠标单击和按钮单击。
使用 JavaScript 将 SVG 转换为 PNG
发布时间:2024/03/16 浏览次数:121 分类:JavaScript
-
本教程教授如何从 SVG 创建 PNG 图像。我们将使用 Canvg JavaScript 库和 toDataURL 方法。