如何從JavaScript數組中獲取多個隨機唯一元素?

The JavaScript is a very versatile language and it has a function almost everything that you want.

JavaScript是一種非常通用的語言,它幾乎具有您想要的所有功能。

Here, we will show you how to generate random unique elements from an array in JavaScript?

在這里,我們將向您展示如何從JavaScript數組中生成隨機的唯一元素?

The random() function does this work for you. It is a powerful function that can generate multiple random unique numbers. The random() function generates a float number between o and 1. Including only 1. So, we will use this random number to find random elements of the JavaScript array.

random()函數可以為您完成此工作。 它是一個強大的功能,可以生成多個隨機唯一數random()函數生成一個介于o和1之間的浮點數。僅包含1。因此,我們將使用此隨機數查找JavaScript數組的隨機元素。

JavaScript code to get multiple random unique elements from an array

JavaScript代碼從數組中獲取多個隨機唯一元素

<html>
<body>
<div id="one">
<p>one</p>
</div>
<div id="two">
<p>two</p>
</div>
<script>
function shuffle(a) {
for (let i = a.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
[a[i], a[j]] = [a[j], a[i]];
}
return a;
}
var arr = [
"<span class=\"booklink\"><a href=\"/one\">one</a></span>",
"<span class=\"booklink\"><a href=\"/one\">two</a></span>",
"<span class=\"booklink\"><a href=\"/one\">three</a></span>",
"<span class=\"booklink\"><a href=\"/one\">four</a></span>",
"<span class=\"booklink\"><a href=\"/one\">five</a></span>"
]
/* note: the JavaScript that updates the div had to be near the end
* of the body to work (probably just after the div)
*/
shuffle(arr);
document.getElementById("one").innerHTML = arr.slice(0, 3).toString();
</script>
</body>
</html>

Output

輸出量

get multiple random unique elements from an array in JavaScript

Explanation:

說明:

This program finds the random number and then uses the index of the array to fetch elements of the array and then displays the content. Here the content is a link with the index number.

該程序找到隨機數,然后使用數組的索引來獲取數組的元素,然后顯示內容。 這里的內容是帶有索引號的鏈接。

翻譯自: https://www.includehelp.com/code-snippets/how-to-get-multiple-random-unique-elements-from-an-array-in-javascript.aspx

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/376896.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/376896.shtml
英文地址,請注明出處:http://en.pswp.cn/news/376896.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

用SQL語句添加刪除修改字段

1.增加字段 alter table docdsp add dspcodechar(200)2.刪除字段 ALTER TABLE table_NAME DROP COLUMNcolumn_NAME3.修改字段類型 ALTER TABLE table_name ALTER COLUMNcolumn_name new_data_type4.sp_rename 改名 EXEC sp_rename [dbo].[Table_1].[fi…

通過命令修改wampserver的mysql密碼

WAMP安裝好后&#xff0c;mysql教程密碼是為空的&#xff0c;那么要如何修改呢&#xff1f;其實很簡單&#xff0c;通過幾條指令就行了&#xff0c;下面我就一步步來操作。 首先&#xff0c;通過WAMP打開mysql控制臺。 提示輸入密碼&#xff0c;因為現在是空&#xff0c;所以直…

DBNull

1、執行ExecuteScalar時&#xff0c;要進行Null判斷&#xff0c;因為對Null進行操作會報&#xff1a;NullReferenceException 2、返回DBNull的情況&#xff0c;因為DBNull是用來表示數據庫中Null的&#xff0c;所以如果數據中返回null&#xff0c;程序中就是DBNull&#xff0c…

什么是ACID理論(二階段、三階段提交、TCC)

目錄二階段提交協議TCC&#xff08;Try-Confirm-Cancel&#xff09;預留成功預留失敗三階段提交協議總結Some questionsreferenceACID理論時對事務特性的抽象和總結&#xff0c;想要實現ACID需要掌握二階段提交協議以及TCC 這里是有關協議的論文PDF鏈接&#xff1a; CONCURRENC…

oracle安裝后新建數據庫實例及配置

ORA-12514 TNS 監聽程序當前無法識別連接描述符中請求服務 的解決方法 (2011-01-20 13:50:37) 轉載▼標簽&#xff1a; it 分類&#xff1a; 技術早上同事用PL/SQL連接虛擬機中的Oracle數據庫&#xff0c;發現又報了“ORA-12514 TNS 監聽程序當前無法識別連接描述符中請求服務…

html5游戲開發--動靜結合(二)-用地圖塊拼成大地圖 初探lufylegend

一、前言 本次教程將向大家講解如何用html5將小地圖塊拼成大地圖&#xff0c;以及如何用現有的高級html5游戲開發庫件lufylegend.js開發游戲。 首先讓我們來了解了解如何用html5實現動畫&#xff0c;畢竟“動靜結合”是先有動再有靜。看了上一章的內容&#xff0c;或許你就有了…

BASE理論(基本可用策略+ 最終一致性實現)

目錄實現基本可用的幾個策略1、流量削峰&#xff08;不同地區售票時間錯峰出售&#xff09;2、延遲響應&#xff0c;異步處理&#xff08;買票排隊&#xff0c;基于隊列先收到用戶買票請求&#xff0c;排隊異步處理&#xff0c;延遲響應&#xff09;3、體驗降級&#xff08;看到…

一天一道算法題--6.15--卡特蘭數

感謝微信平臺---一天一道算法題---每天多一點進步- problem: 12個高矮不同的人 排成兩排 每排必須是從矮到高排列 而且第二行比對應的第一排的人高 問排列方式有多少種&#xff1f; analyse: 據說 這題 是來自于 阿里巴巴的面試題 果然 很有分量 ~~ 我反正 胡思亂想了好多 沒搞…

現有一些開源ESB總線的比較

現有的開源ESB總線中&#xff0c;自從2003年第一個開源總線Mule出現后&#xff0c;如今已經是百花爭鳴的景象了。如今我就對現有的各種開源ESB總線根據性能、可擴展性、資料文檔完整程度以及整合難易程度等方面展開。 一&#xff0e;CXF CXF的定位不是ESB總線&#xff0c;而是一…

Paxos算法(Basic Paxos 與 Multi-Paxos思想)

目錄Basic Paxos三個角色達成共識的方法對于Basic Paxos的總結Multi-Paxos領導者優化 Basic Paxos 執行referencePaxos 算法包含 2 個部分&#xff1a; 1、Basic Paxos &#xff1a; 描述多節點之間如何就某個值達成共識 2、Multi-Paxos &#xff1a; 描述執行多個Basic Paxos實…

vs2012下調試mvc4源代碼

當前流行的應該是mvc3才對。然后在研究mvc3的源代碼時候&#xff0c;Html這個屬性下的擴展方法Partial()都沒有。IntelliSense不會提示該方法&#xff0c;找了半天的資料也問了一些博友&#xff0c;沒看到好的解決棒法。最后沒轍另辟蹊蹺&#xff0c;就開始著手研究mvc4的源代碼…

JAVA UDP網絡編程學習筆記

一、UDP網絡編程概述 采用TCP協議通信時&#xff0c;客戶端的Socket必須先與服務器建立連接&#xff0c;連接建立成功后&#xff0c;服務器端也會持有客戶端連接的Socket&#xff0c;客戶端的Socket與服務器端的Socket是對應的&#xff0c;它們構成了兩個端點之間的虛擬通信鏈路…

firefox 插件開發

IDE&#xff0c;你可以嘗試下NetBeans foxbeans這個插件。轉載于:https://www.cnblogs.com/sode/archive/2013/01/25/2876562.html

13種負載均衡算法

目錄前言&#xff08;1&#xff09;輪轉調度&#xff08;Round-Robin Scheduling&#xff09;算法&#xff08;2&#xff09;加權輪轉調度&#xff08;Weighted Round-Robin Scheduling&#xff09;算法&#xff08;3&#xff09;隨機均衡調度&#xff08;Random Scheduling&am…

對于shell腳本參數獲取時的一點小技巧

問題如下&#xff1a; 根據腳本參數的個數$#進行一個循環&#xff0c;在依次輸出每個參數$1 $2 $3...... 我有一個循環變量i $i 取到這時的i為1&#xff0c;我想使用這個1再去調用$1,也是就是打印出第一個參數 就是$($i)的意思來取到第幾個參數&#xff0c;當然$($i)是不好用的…

(轉)頁游安全攻與防,SWF加密和隱藏密匙

原文鏈接&#xff1a;http://netsecurity.51cto.com/art/201211/364775.htm 頁游&#xff0c;最最核心的就是客戶端&#xff08;swf&#xff09;與服務端的游戲通信了。游戲通信產生的封包&#xff0c;內容是否可識別&#xff0c;可篡改&#xff0c;可重放&#xff0c;處理邏輯…

C++自動類型推導 : auto 與 decltype 用法

基本用法與區別 auto 總是推導出“值類型”&#xff0c;絕不會是“引用”,如果有引用&#xff0c;auto會把引用去掉&#xff0c;推導出值類型&#xff1b; auto 可以附加上 const、volatile、*、& 這樣的類型修飾符&#xff0c;得到新的類型。 auto x 10L; // auto推導為…

C++智能指針使用指南 part1:基本使用

加粗樣式>TOC 智能指針是代理模式的具體應用&#xff0c;它使用 RAII 技術代理了裸指針&#xff0c;能夠自動釋放內存&#xff0c; 無需程序員干預&#xff0c;所以被稱為“智能指針”。 智能指針不是指針&#xff0c;而是一個對象&#xff0c;所以不要對其調用delete&…

AS3.0 BitmapData類介紹

注&#xff1a;文中的Bitmapdata和BMD均為同一意思BitmapData,BMD為其縮寫一&#xff0c;概括&#xff1a; Bitmapdata繼承Object對象&#xff0c;實現IBitmapDrawable接口&#xff0c;這個接口有什么用&#xff0c;你可以理解為Drawable,能被畫。官方介紹是&#xff1a;IBitma…

C++使用JSON的序列化與反序列化

這里使用的json解析工具為JSON for Modern C,使用的話僅需要包含頭文件。 獲取方式&#xff1a;wget https://github.com/nlohmann/json/releases/download/v3.7.3/json.hpp JSON json的序列化功能和map一樣&#xff0c;用關聯數組的"[]"來任意添加數據&#xff0c…