在 JavaScript 中從陣列中選擇一個隨機元素

Mehvish Ashiq 2023年10月12日
  1. 在 JavaScript 中從陣列中選擇一個隨機值
  2. 在 JavaScript 中使用 Math.random()array.lengthMath.floor() 從陣列中選擇一個隨機元素
  3. 在 JavaScript 中使用 LodashUnderscore.js.sample() 方法從陣列中選擇一個隨機元素
  4. 在 JavaScript 中使用位運算子 NOT (~~) 和 OR (|) 從陣列中選擇一個隨機元素
在 JavaScript 中從陣列中選擇一個隨機元素

本文介紹如何在 JavaScript 中從陣列中選擇隨機元素。它還強調了位運算子 NOT (~~) 和 OR (|) 的使用,這對於小尺寸陣列很有用。

在 JavaScript 中從陣列中選擇一個隨機值

我們可以使用以下方式從 JavaScript 中的陣列中隨機選擇一個元素:

  • Math.random()array.lengthMath.floor() 一起使用。
  • 使用 LodashUnderscore.js.sample() 方法。
  • 使用位運算子 NOTOR

在 JavaScript 中使用 Math.random()array.lengthMath.floor() 從陣列中選擇一個隨機元素

var arrStr = ['Mehvish', 'Tahir', 'John', 'Sania', 'Thomas'];
var randElement = arrStr[Math.floor(Math.random() * arrStr.length)];
console.log(randElement);

輸出:

"John"

在上面的示例中,Math.random() 方法用於獲取 01 之間的隨機數,其中 1 是互斥的,0 是包含的。

然後,將它乘以陣列的大小,得到 0 - array.length 之間的答案。

最後,我們使用 Math.floor() 來獲取 0array.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 中使用 LodashUnderscore.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
作者: Mehvish Ashiq
Mehvish Ashiq avatar Mehvish Ashiq avatar

Mehvish Ashiq is a former Java Programmer and a Data Science enthusiast who leverages her expertise to help others to learn and grow by creating interesting, useful, and reader-friendly content in Computer Programming, Data Science, and Technology.

LinkedIn GitHub Facebook

相關文章 - JavaScript Array