」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 如何在 JavaScript 中有效產生不重複隨機數?

如何在 JavaScript 中有效產生不重複隨機數?

發佈於2024-11-08
瀏覽:764

How to Generate Non-Repeating Random Numbers in JavaScript Effectively?

在JS中產生不重複的隨機數

在JS中產生不重複的隨機數可以使用多種技術來實現。最初,該方法是透過將新產生的數字新增至陣列並與其進行比較來檢查是否已建立新產生的數字。但是,由於過多的遞歸調用,這可能會導致“超出最大調用堆疊大小”錯誤。

一個有效的解決方案是產生一次隨機數字列表,然後按順序處理它。這種方法消除了遞歸呼叫的需要,並保證不重複。

這是一個使用 Fisher–Yates Shuffle 的範例:

function shuffle(array) {
    var i = array.length,
        j = 0,
        temp;

    while (i--) {
        j = Math.floor(Math.random() * (i 1));
        temp = array[i];
        array[i] = array[j];
        array[j] = temp;
    }
    return array;
}

var ranNums = shuffle([1,2,3,4,5,6,7,8,9,10]);

或者,生成器也可用於此目的:

function* shuffle(array) {
    var i = array.length;
    while (i--) {
        yield array.splice(Math.floor(Math.random() * (i 1)), 1)[0];
    }
}

var ranNums = shuffle([1,2,3,4,5,6,7,8,9,10]);

ranNums.next().value; // first random number from array
ranNums.next().value; // second random number from array
...

這些技術提供了在 JavaScript 中產生不重複隨機數的有效方法,消除了與過度遞歸呼叫相關的問題。

版本聲明 本文轉載於:1729382177如有侵犯,請洽[email protected]刪除
最新教學 更多>
  • 如何從網路讀取多個值
    如何從網路讀取多個值
    在 Node.js 中,處理資料通常涉及從檔案讀取資料並將這些資料插入資料庫。以下是如何從檔案中讀取 JSON 資料、處理以及將其格式化以用於 SQL INSERT 語句: 使用fs.readFile方法讀取檔案內容 使用JSON.parse將JSON字串轉換為物件 使用 .map() 迭代 JSO...
    程式設計 發佈於2024-11-09
  • 如何保護我的網站原始碼免於未經授權的存取?
    如何保護我的網站原始碼免於未經授權的存取?
    保護原始碼免於未經授權的存取防止他人取得您的原始碼可能是一項挑戰。但是,您可以採取一些措施來阻止未經授權的複製。 混淆技術保護程式碼的一種方法是透過混淆。這涉及將程式碼轉換為可讀性較差的格式。混淆工具,例如http://code.google.com/p/minify/、http://refresh...
    程式設計 發佈於2024-11-09
  • MongoDB 伺服器:概述
    MongoDB 伺服器:概述
    MongoDB 是一种流行的 NoSQL 数据库,提供高性能、可扩展且灵活的数据存储解决方案。与使用表和行的传统关系数据库不同,MongoDB 使用灵活的、类似 JSON 的结构(称为 BSON(二进制 JSON))将数据存储在文档中。这使得 MongoDB 能够轻松处理复杂的数据类型和层次关系。...
    程式設計 發佈於2024-11-09
  • 如何在Python中確定整數的位數?
    如何在Python中確定整數的位數?
    在 Python 中確定整數中的位數長度在 Python 中,取得整數中的位數是一個簡單的過程。此技術涉及使用 str() 函數將整數暫時轉換為字串,然後使用 len() 函數確定字串的長度。例如,如果要找出整數 123 中的位數,可以使用 str(123) 將其轉換為字串,結果為「123」。然後,...
    程式設計 發佈於2024-11-09
  • 超自然故事:來自世界各地的神話生物
    超自然故事:來自世界各地的神話生物
    https://pageexplorer.blogspot.com/2024/10/tales-of-supernatural-mythical.html 我希望您能查看我最新的部落格文章!您的想法和回饋對我來說非常有價值,如果您能花點時間閱讀並在評論中分享您的見解,我將不勝感激。無論是建設性的批評...
    程式設計 發佈於2024-11-09
  • 如何將`std::string`轉換為`LPCSTR`和`LPWSTR`?
    如何將`std::string`轉換為`LPCSTR`和`LPWSTR`?
    將std::string 轉換為LPCSTR 和LPWSTR將std::string 轉換為LPCSTR 或LPWSTR 需要理解這些的本質指標。讓我們澄清一下它們的定義:LPCSTR 與 LPSTR:LPCSTR:指向常數字串的長指針,本質上是 const char*。 LPSTR:指向字串的長指...
    程式設計 發佈於2024-11-09
  • Python 中的結構模式匹配
    Python 中的結構模式匹配
    結構模式匹配是Python中的一個強大功能,它允許您根據複雜資料的結構做出決策並從中提取所需的值。它提供了一種簡潔、聲明式的方式來表達條件邏輯,可以大大提高程式碼的可讀性和可維護性。在本文中,我們將探討一些在 Python 中使用結構模式匹配的真實案例研究範例。 1。解析 API 回應 結構模式匹...
    程式設計 發佈於2024-11-09
  • 如何避免 Go 模板中 HTML 和 JSON 的意外轉義?
    如何避免 Go 模板中 HTML 和 JSON 的意外轉義?
    在Go 模板中轉義HTML 和JSON在Go 模板中,正確處理HTML 和JSON 以防止意外轉義至關重要。考慮以下範本:<some_html> {{ .SomeOtherHTML }} </some_html>如果您希望輸出只是 ,那麼您可能會遇到到< 和& 等特殊字元被轉...
    程式設計 發佈於2024-11-09
  • 在 Laravel 11 中的支付處理編譯時實現上下文綁定
    在 Laravel 11 中的支付處理編譯時實現上下文綁定
    在我們之前的文章(如何在Laravel 11 中新增和實作支付處理介面:硬編碼綁定)中,我們透過硬編碼PaymentProcessorInterface 之間的綁定探索了設定支付處理器的第一步以及具體的實現,例如StripePaymentProcessor。 雖然這種方法對於小型應用程式來說簡單有...
    程式設計 發佈於2024-11-09
  • 如何解決“TypeError: Unsupported Operand Type(s) for -: \'str\' and \'int\'\”錯誤?
    如何解決“TypeError: Unsupported Operand Type(s) for -: \'str\' and \'int\'\”錯誤?
    "解決TypeError: Unsupported Operand Type(s) for -: 'str' and 'int'"嘗試編碼時在Python中,遇到類似「TypeError: unsupported operand type(s) f...
    程式設計 發佈於2024-11-09
  • 用於建構生成式人工智慧應用程式的開源框架
    用於建構生成式人工智慧應用程式的開源框架
    有許多令人驚嘆的工具可以幫助建立生成式人工智慧應用程式。但開始使用新工具需要時間學習和練習。 因此,我創建了一個儲存庫,其中包含用於建立生成人工智慧應用程式的流行開源框架的範例。 這些範例也展示瞭如何將這些框架與 Amazon Bedrock 結合使用。 您可以在這裡找到存儲庫: https:...
    程式設計 發佈於2024-11-09
  • 如何在不使用CSS“not”選擇器的情況下選擇特定元素之外的輸入欄位?
    如何在不使用CSS“not”選擇器的情況下選擇特定元素之外的輸入欄位?
    在沒有「Not」的情況下導覽CSS選擇器:外部輸入欄位選擇在CSS中,「not」選擇器是一個受歡迎的功能這將允許用戶從匹配條件中排除特定元素。目前,除非使用 JavaScript/jQuery,否則此功能在瀏覽器中不可用。 例如,要選擇類別為「classname」的元素中的所有輸入字段,CSS 碼將...
    程式設計 發佈於2024-11-09
  • CSS 形狀:將文字環繞形狀
    CSS 形狀:將文字環繞形狀
    介紹 CSS Shapes 是一個功能強大的工具,可讓設計人員透過操縱 HTML 元素的形狀來創建獨特且具有視覺吸引力的佈局。 CSS Shapes 最令人興奮的功能之一是能夠將文字環繞不同的形狀。這允許更具創意和動態的文字佈局,擺脫傳統的矩形文字區塊。在本文中,我們將探討 CSS...
    程式設計 發佈於2024-11-09
  • 如何維護禁用的選擇元素中的輸入欄位值?
    如何維護禁用的選擇元素中的輸入欄位值?
    在禁用的選擇元素中維護輸入字段值防止用戶修改 表單字段,同時確保提交其值通過利用特定技術來實現。 停用選擇元素和選項One方法是停用選擇元素及其選項。這會阻止使用者與元素交互,從而創建唯讀效果。但是,它也會阻止提交該值。 在提交表單之前啟用元素要解決此問題,請在提交表單之前停用所有已停用的下拉式選單...
    程式設計 發佈於2024-11-09
  • 如何確定 C++ 中動態分配數組的大小?
    如何確定 C++ 中動態分配數組的大小?
    在C 中動態分配後確定數組大小在C 中,使用new 運算子動態分配的數組本質上不會以程式設計方式公開其大小。這個問題源自於這樣的觀察:delete[] 必須知道分配的陣列的大小才能有效地釋放記憶體。 為什麼沒有內建函數來取得陣列大小? 與在堆疊上聲明的數組不同,其大小可以使用 sizeof() 確定...
    程式設計 發佈於2024-11-09

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3