Comment créer un tableau de longueur dynamique avec des nombres et additionner les nombres à l'aide de JavaScript ?-js tutoriel-php.cn

Comment créer un tableau de longueur dynamique avec des nombres et additionner les nombres à l'aide de JavaScript ?

PHPz

Libérer： 2023-08-26 19:29:06

avant

894 Les gens l'ont consulté

如何使用 JavaScript 创建带有数字的动态长度数组并对数字求和？

En JavaScript, la longueur d'un tableau est toujours dynamique. Comme d’autres langages de programmation, nous n’avons pas besoin de définir la longueur du tableau lors de sa création. Ainsi, nous pouvons créer un tableau et insérer n'importe quel nombre d'éléments dans le tableau JavaScript. Ici, nous allons créer une longueur dynamique du tableau et y ajouter des nombres. Après cela, nous additionnerons tous les nombres. Ce tutoriel nous apprendra à créer un tableau de longueur dynamique contenant des nombres et à additionner les nombres à l'aide de JavaScript.

Utilisez une boucle for pour additionner tous les éléments d'un tableau dynamique

Nous pouvons parcourir le tableau à l'aide d'une boucle for et ajouter chaque élément pour obtenir la somme de tous les éléments. Nous utiliserons la boucle for normale et la boucle for-of pour accéder aux éléments du tableau et ajouter tous les éléments dans une seule variable.

Grammaire

Les utilisateurs peuvent utiliser la boucle for pour additionner tous les éléments d'un tableau de longueur dynamique en suivant la syntaxe ci-dessous.

let arraySum = 0;
for (let i = 0; i < length; i++) {
  arraySum += dynamicArray[i];
}

Copier après la connexion

Dans la syntaxe ci-dessus, la longueur est la longueur du tableau dynamique. Nous ajoutons tous les éléments à la variable arraySum.

Étapes

Utilisez la méthode Math.random() et générez un entier aléatoire à utiliser comme longueur du tableau dynamique.
De plus, la plage de longueurs d'un tableau dynamique peut être définie en multipliant une longueur générée aléatoirement par n'importe quel nombre entier. Par exemple, si vous souhaitez créer un tableau dynamique d'une longueur comprise entre 0 et 15, multipliez l'entier aléatoire par 15 car cela générera une valeur comprise entre 0 et 10.
Maintenant, utilisez une boucle for pour initialiser les valeurs. Pour initialiser la valeur aléatoire, nous utilisons à nouveau la méthode Math.random() et la multiplions par 5 pour générer une valeur aléatoire comprise entre 0 et 5.
Utilisez la méthode Math.round() pour arrondir les nombres générés aléatoirement.
Créez une variable arraysum et initialisez-la avec des zéros.
Maintenant, parcourez chaque élément du tableau et de la variable arraySum.

Exemple 1

Dans l'exemple ci-dessous, nous utilisons la fonction Math.random() pour générer la longueur d'un tableau dynamique, initialiser le tableau avec des valeurs aléatoires et utiliser for-lop pour additionner toutes les valeurs du tableau.

Dans la sortie, l'utilisateur peut voir les valeurs du tableau et leur somme. De plus, chaque fois que l'utilisateur exécute le code ci-dessous, il crée un nouveau tableau avec des longueurs et des valeurs différentes.

<html>
<body>
   <h2>Using the <i> for-loop </i> add all elements of the array of numbers of dynamic length.</h2>
   <div id = "output"> </div>
   <script>
      let output = document.getElementById('output');
      let length = Math.random() * 15;
      let dynamicArray = [];
         for (let i = 0; i < length; i++) {
            dynamicArray[i] = Math.round(Math.random() * 5);
         }
      let arraySum = 0;
      for (let i = 0; i < length; i++) {
         arraySum += dynamicArray[i];
      }
      output.innerHTML += "The array of random number is " + dynamicArray + "<br/>";
      output.innerHTML += "The sum of all array elements is " + arraySum + "<br/>";
   </script>
</body>
</html>

Copier après la connexion

Exemple 2

Dans l'exemple ci-dessous, nous obtenons la longueur d'un tableau dynamique de l'utilisateur. De plus, nous obtenons chaque valeur du tableau de l'utilisateur. Après avoir stocké l'entrée utilisateur dans un tableau dynamique, nous la parcourons à l'aide d'une boucle for-of.

Au fur et à mesure de l'itération de la boucle for, nous ajoutons chaque élément du tableau à la variable somme.

<html>
<body>
  <h2>Using the <i> for-of loop </i> add all elements of the array of numbers of dynamic length.</h2>
  <div id = "output"> </div>
  <script>
    let output = document.getElementById('output');
    // take the dynamic length of the array from users
    let length = +prompt("Enter a length of the dynamic array", 5);
    let dynamicArray = [];
    // take array inputs from users
    for (let i = 1; i <= length; i++) {
      dynamicArray.push(+prompt("Enter " + i + "th number value", 0))
    }
    let sum = 0;
    // using the for-of loop to get a sum of all elements
    for (let element of dynamicArray) {
      sum += element;
    }
    output.innerHTML += "The array of random number is " + dynamicArray + "<br/>";
    output.innerHTML += "The sum of all array elements is " + sum + "<br/>";
  </script>
</body>
</html>

Copier après la connexion

Utilisez la méthode array.reduce() pour additionner tous les nombres d'un tableau dynamique

La méthode

array.reduce() réduit un tableau à un seul élément en effectuant plusieurs opérations. Nous pouvons créer une variable pour stocker la somme de tous les éléments du tableau et réduire le tableau en ajoutant chaque élément à la variable somme.

Grammaire

Les utilisateurs peuvent utiliser la méthode réduire() pour additionner tous les éléments d'un tableau dynamique selon la syntaxe suivante

let sumOfArray = inputArray.reduce((element, currentSum) => element + currentSum, 0)

Copier après la connexion

Dans la syntaxe ci-dessus, element est l'élément du tableau, currentSum est la somme de tous les éléments du tableau jusqu'au i-ième index, et la somme du tableau contient la somme finale de tous les éléments du tableau.

Exemple 3

Dans l'exemple ci-dessous, nous avons créé un tableau dynamique en obtenant la saisie de l'utilisateur. De plus, l'utilisateur peut remarquer que nous avons utilisé l'opérateur unaire "+" avant l'invite pour convertir la chaîne en nombre.

Enfin, nous utilisons la méthode array.reduce() pour additionner toutes les entrées utilisateur stockées dans le tableau.



   Using the  array.reduce() method  to add all elements of the array of numbers of dynamic length
   
   <script>
      let output = document.getElementById('output');
      let arrayLen = +prompt("Enter any number to create array of that length", 10);
      let inputArray = [];
      for (let i = 1; i <= arrayLen; i++) {
         inputArray[i] = +prompt("Enter " + i + "th number value", 5);
      }
      let sumOfArray = inputArray.reduce((element, currentSum) =&gt; element + currentSum, 0)
      output.innerHTML += "The length of the array is " + arrayLen + "<br/>";
      output.innerHTML += "The array of random number is " + inputArray + "<br/>";
      output.innerHTML += "The sum of all array elements is " + sumOfArray + "<br/>";
   </script>

Copier après la connexion

Nous avons appris à créer des tableaux de longueur dynamique en JavaScript. De plus, nous avons appris à utiliser une boucle for et la méthode réduire() pour additionner tous les éléments d'un tableau de longueur dynamique. Nous pouvons également utiliser la boucle while.

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!