首頁 > web前端 > js教程 > 主體

如何藉助 JavaScript 建立具有隨機值的陣列?

WBOY
發布: 2023-08-24 22:17:03
轉載
1628 人瀏覽過

如何借助 JavaScript 创建具有随机值的数组?

我們可以使用 JavaScript Math.random() 方法來產生隨機值。 JavaScript 為我們提供了不同的陣列方法,例如 from()、fill() 和 Push(),可用於建立具有隨機值的陣列。

JavaScript 中的陣列是一項強大的功能,可讓您儲存不同資料類型的值的集合。它們廣泛用於許多應用程序,並且具有隨機值的數組在某些情況下非常有用。

隨機值數組是儲存在陣列中的隨機產生的數字的集合。隨機值數組中的值可以使用內建函數或自訂演算法產生。數組的大小和取值範圍可以根據需要指定。

使用 Math.random()

Math.random() 是最常見的內建 JavaScript 方法之一,它會產生 0(含)和 1(不含)之間的隨機數。它可用於產生用於各種目的的隨機數,例如模擬、遊戲和統計應用程式。

我們使用 for 迴圈和 Math.random() 方法來建立一個陣列。看下面的語法 -

文法

以下是使用迴圈和 Math.random() 方法建立具有隨機值的陣列的語法。

for (let i = 0; i < 20; i++) {
   randomArr.push(Math.random());
}
登入後複製

以上語法建立一個包含 0 到 1 之間 20 個數字的陣列。

要建立隨機自然數數組,我們可以使用以下語法 -

for (let i = 0; i < 20; i++) {
   randomArr.push(Math.floor(Math.random() * 100) + 1);
}
登入後複製

範例

在以下範例中,我們建立一個由 20 個 1 到 100 之間的隨機數字組成的陣列。



   

登入後複製

在此範例中,我們首先建立一個名為 randomArr 的空數組。然後,我們使用 for 迴圈迭代 10 次,在每次迭代中,我們使用 Math.random() 函數產生 0 到 1 之間的隨機數。然後,我們將該數字乘以 100,然後加 1 以獲得介於 0 和 1 之間的數字。 1 和 100。最後,我們使用 Math.floor() 函數將數字向下捨去到最接近的整數。然後我們使用 push() 方法將此隨機數加入 randomArr 中。

輸出會發生變化,因為每次執行程式碼時它都會產生隨機值。

使用 Array.from() 方法

Array.from() 方法和 map() 方法可以在 JavaScript 中一起使用,以使用指定函數產生的值建立陣列。 Array.from() 方法從類別數組或可迭代物件建立數組,而 map() 方法可用於將函數應用於數組中的每個元素。

範例

在此範例中,我們向 Array.from() 方法傳遞兩個參數:一個長度屬性為 10 的物件和一個傳回 1 到 100 之間的隨機數的函數。 Array.from() 方法建立一個具有給定長度的新數組,並用呼叫提供的函數的結果填入它。



   

登入後複製

使用Array.fill()方法

Array.fill() 方法是在 JavaScript 中建立具有隨機值的陣列的另一種方法。它允許您使用靜態值或函數生成的值填充數組。讓我們看看如何使用 Array.fill() 方法建立具有隨機值的陣列。



   

登入後複製

總之,隨機值數組對於程式設計中的許多應用來說是一個有用的工具,特別是在模擬、遊戲和統計中。 JavaScript 提供了多種產生隨機值陣列的方法,包括使用 Math.random() 方法、for 迴圈、Array.fill() 方法、帶有 map() 的 Array.from() 方法以及 Array 建構子。

每種方法都提供了一種建立隨機值陣列的方法,選擇最佳方法取決於專案的特定要求。 Math.random() 函數是產生隨機值的簡單直接方法,而 for 迴圈提供了更多對值產生的控制。 Array.fill() 方法和帶有 map() 的 Array.from() 方法可讓您使用指定函數產生的值填充數組,從而輕鬆產生隨機值數組。

以上是如何藉助 JavaScript 建立具有隨機值的陣列?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!