Comment créer un tableau avec des valeurs aléatoires à l'aide de JavaScript ?-js tutoriel-php.cn

Comment créer un tableau avec des valeurs aléatoires à l'aide de JavaScript ?

WBOY

Libérer： 2023-08-24 22:17:03

avant

1795 Les gens l'ont consulté

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

Nous pouvons utiliser la méthode JavaScript Math.random() pour générer des valeurs aléatoires. JavaScript nous fournit différentes méthodes de tableau comme from(), fill() et Push() qui peuvent être utilisées pour créer des tableaux avec des valeurs aléatoires.

Les tableaux en JavaScript sont une fonctionnalité puissante qui vous permet de stocker des collections de valeurs de différents types de données. Ils sont largement utilisés dans de nombreuses applications, et les tableaux avec des valeurs aléatoires peuvent être très utiles dans certaines situations.

Un tableau de valeurs aléatoires est une collection de nombres générés aléatoirement et stockés dans un tableau. Les valeurs d'un tableau de valeurs aléatoires peuvent être générées à l'aide de fonctions intégrées ou d'algorithmes personnalisés. La taille et la plage de valeurs du tableau peuvent être spécifiées selon les besoins.

Utilisez Math.random()

Math.random() est l'une des méthodes JavaScript intégrées les plus courantes qui génère un nombre aléatoire compris entre 0 (inclus) et 1 (exclusif). Il peut être utilisé pour générer des nombres aléatoires à diverses fins, telles que des simulations, des jeux et des applications statistiques.

Nous utilisons la méthode for loop et Math.random() pour créer un tableau. Voir la syntaxe ci-dessous -

Grammaire

Voici la syntaxe pour créer un tableau avec des valeurs aléatoires à l'aide d'une boucle et de la méthode Math.random().

for (let i = 0; i < 20; i++) {
   randomArr.push(Math.random());
}

Copier après la connexion

La syntaxe ci-dessus crée un tableau contenant 20 nombres compris entre 0 et 1.

Pour créer un tableau de nombres naturels aléatoires, nous pouvons utiliser la syntaxe suivante -

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

Copier après la connexion

Exemple

Dans l'exemple suivant, nous créons un tableau de 20 nombres aléatoires compris entre 1 et 100.

<html>
<body>
   <p id="array"></p>
   <script>
      let randomArr = [];
      for (let i = 0; i < 20; i++) {
         randomArr.push(Math.floor(Math.random() * 100) + 1);
      }
      document.getElementById("array").innerHTML = JSON.stringify(randomArr);
   </script>
</body>
</html>

Copier après la connexion

Dans cet exemple, nous créons d'abord un tableau vide nommé randomArr. Nous itérons ensuite 10 fois en utilisant une boucle for, et à chaque itération nous générons un nombre aléatoire entre 0 et 1 à l'aide de la fonction Math.random(). Nous multiplions ensuite ce nombre par 100 et ajoutons 1 pour obtenir un nombre compris entre 0 et 1. 1 et 100. Enfin, nous utilisons la fonction Math.floor() pour arrondir le nombre à l'entier le plus proche. Nous ajoutons ensuite ce nombre aléatoire à randomArr en utilisant la méthode push().

La sortie change car elle génère des valeurs aléatoires à chaque fois que le code est exécuté.

Utilisez la méthode Array.from()

Les méthodes Array.from() et map() peuvent être utilisées ensemble en JavaScript pour créer un tableau en utilisant les valeurs générées par une fonction spécifiée. La méthode Array.from() crée un tableau à partir d'un objet de type tableau ou itérable, tandis que la méthode map() peut être utilisée pour appliquer une fonction à chaque élément du tableau.

Exemple

Dans cet exemple, nous passons deux paramètres à la méthode Array.from() : un objet avec une propriété length de 10 et une fonction qui renvoie un nombre aléatoire compris entre 1 et 100. La méthode Array.from() crée un nouveau tableau avec la longueur donnée et le remplit avec le résultat de l'appel de la fonction fournie.

<html>
<body>
   <p id="array"></p>
   <script>
      const randomArr = Array.from({length: 10}, () => Math.floor(Math.random() * 100) + 1);
      document.getElementById("array").innerHTML = JSON.stringify(randomArr);
   </script>
</body>
</html>

Copier après la connexion

Utilisez la méthode Array.fill()

La méthode Array.fill() est une autre façon de créer un tableau avec des valeurs aléatoires en JavaScript. Il permet de remplir un tableau avec des valeurs statiques ou des valeurs générées par une fonction. Voyons comment créer un tableau avec des valeurs aléatoires à l'aide de la méthode Array.fill().

<html>
<body>
   <p id="array"></p>
   <script>
      let result = new Array(10)    
      result = result.fill(0).map(() => Math.floor(Math.random() * 100));
      document.getElementById("array").innerHTML = JSON.stringify(result);
   </script>
</body>
</html>

Copier après la connexion

En résumé, les tableaux de valeurs aléatoires sont un outil utile pour de nombreuses applications en programmation, notamment dans les simulations, les jeux et les statistiques. JavaScript propose plusieurs façons de générer des tableaux de valeurs aléatoires, notamment en utilisant la méthode Math.random(), une boucle for, la méthode Array.fill(), la méthode Array.from() avec map() et le constructeur Array.

Chaque méthode permet de créer un tableau de valeurs aléatoires, le choix de la meilleure méthode dépend des exigences spécifiques de votre projet. La fonction Math.random() est un moyen simple et direct de générer des valeurs aléatoires, tandis que la boucle for offre plus de contrôle sur la génération de valeurs. La méthode Array.fill() et la méthode Array.from() avec map() vous permettent de générer facilement un tableau de valeurs aléatoires en remplissant le tableau avec des valeurs générées par une fonction spécifiée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!