Heim > Web-Frontend > js-Tutorial > Wie wähle ich in JavaScript mehrere zufällige Elemente aus einem Array aus?

Wie wähle ich in JavaScript mehrere zufällige Elemente aus einem Array aus?

Barbara Streisand
Freigeben: 2024-10-29 07:14:02
Original
1121 Leute haben es durchsucht

How to Select Multiple Random Elements from an Array in JavaScript?

Auswählen mehrerer zufälliger Elemente aus einem Array

In JavaScript möchten Sie möglicherweise häufig ein oder mehrere Elemente zufällig aus einem Array abrufen. Während der Standardansatz, wie der im angegebenen Link erwähnte, den Zugriff auf ein einzelnes Element ermöglicht, was ist, wenn Sie mehrere zufällige Elemente benötigen?

Um dies zu erreichen, verwenden Sie einen zweistufigen Prozess:

  1. Mische das Array:Verwende den folgenden Code, um die Elemente des Arrays zufällig zu mischen:
<code class="javascript">const shuffled = array.sort(() => 0.5 - Math.random());</code>
Nach dem Login kopieren
  1. Gewünschte Elemente auswählen: Erstellen Sie ein Unterarray bestehend aus den ersten n Elementen aus dem gemischten Array, wobei n die gewünschte Anzahl zufälliger Elemente ist:
<code class="javascript">let selected = shuffled.slice(0, n);</code>
Nach dem Login kopieren

Demo:

<code class="javascript">n = 5;
array = Array.from({length: 50}, (v, k) => k * 10); // [0,10,20,30,...,490]

var shuffled = array.sort(function(){ return 0.5 - Math.random() });
var selected = shuffled.slice(0, n);

document.querySelector('#out').textContent = selected.toString();</code>
Nach dem Login kopieren

In dieser Demonstration enthält das ausgewählte Array nun n zufällige Elemente aus dem ursprünglichen Array.

Das obige ist der detaillierte Inhalt vonWie wähle ich in JavaScript mehrere zufällige Elemente aus einem Array aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage