interface Web
js tutoriel
Comment trouver la somme de tous les éléments d'un tableau donné en JavaScript ?
Comment trouver la somme de tous les éléments d'un tableau donné en JavaScript ?
En programmation, nous avons souvent besoin de trouver la somme de tous les éléments d'un tableau. avoir Il existe de nombreuses façons de procéder en JavaScript. Dans ce tutoriel, nous découvrirons certains Méthode pour trouver la somme de tous les éléments d’un tableau.
Utiliser la boucle for
Trouver la somme de tous les éléments d'un tableau est une opération très courante en JavaScript, et la boucle for est la méthode la plus simple. Si vous utilisez des tableaux en JavaScript, veillez à utiliser une boucle for pour trouver la somme de tous les éléments du tableau.
En JavaScript, une boucle for est une instruction de flux de contrôle qui vous permet de parcourir un Étant donné un tableau, un objet ou une chaîne. La boucle for exécutera un ensemble d'instructions pour chaque élément Dans un tableau, un objet ou une chaîne. Dans ce tutoriel, nous discuterons des avantages de la sommation Utilisez une boucle for pour compter tous les éléments d'un tableau donné.
L'un des avantages de l'utilisation d'une boucle for pour trouver la somme de tous les éléments d'un tableau est Très facile à coder. Vous créez simplement une variable pour stocker la somme, puis utilisez La boucle for parcourt le tableau, ajoutant chaque élément à la somme. C'est un texte très concis Méthode pour trouver la somme d’un tableau.
Exemple 1
Ci-dessous se trouve le programme complet pour additionner tous les éléments d'un tableau en utilisant la boucle for -
<!doctype html>
<html>
<head>
<title>Examples</title>
</head>
<body>
<h2> Finding sum of all elements using <i>for</i> loop: </h2>
<div id="array"></div>
<div id="result"></div>
<script>
const data = [2,4,6,8];
let sum = 0;
const len = data.length
for (let i = 0; i < len; i++) {
sum += data[i];
}
document.getElementById("array").innerHTML = "Array = [" + data+ "]";
document.getElementById("result").innerHTML ="Sum of All Elements: " + sum;
</script>
</body>
</html>Output
Le code donnera le résultat suivant.
Finding sum of all elements using for loop: Array = [2,4,6,8] Sum of All Elements: 20
Il y a certains inconvénients à utiliser une boucle for en JavaScript pour trouver la somme de tous les éléments d'un tableau donné. Ils sont les suivants -
C'est un processus qui prend du temps : trouver la somme de tous les éléments d'un tableau en utilisant pour Le bouclage est un processus qui prend du temps. C'est parce que la boucle doit itérer Trouvez la somme de tous les éléments d'un tableau.
C'est un processus qui consomme de la mémoire : en effet, pour trouver la somme de tous les éléments éléments d'un tableau, tous les éléments doivent d'abord être stockés en mémoire Effectuez ensuite le processus pour trouver leur somme. Cela consomme beaucoup de mémoire.
Il s'agit d'un processus gourmand en ressources processeur : c'est parce que la boucle doit itérer Trouver la somme de tous les éléments d'un tableau.
Utilisez la méthode réduire()
Pour trouver la somme de tous les éléments d'un tableau, vous pouvez utiliser la méthode reduce(). Cette méthode applique une fonction à chaque élément du tableau de gauche à droite et renvoie une valeur. La méthode
reduce() prend deux paramètres : une fonction et une valeur initiale facultative. La fonction est exécutée pour chaque élément du tableau et la valeur de retour est utilisée comme nouvelle valeur pour l'élément suivant du tableau. La valeur initiale est facultative ; si elle est omise, le premier élément du tableau est utilisé comme valeur initiale.
Si le tableau est vide, ou si une valeur initiale est spécifiée et que le tableau ne comporte qu'un seul élément, Renvoie la valeur initiale.
Exemple 2
L'exemple suivant est implémenté à l'aide de la méthode réduire() -
<!doctype html>
<html>
<head>
<title>Examples</title>
</head>
<body>
<h2> Finding sum of all elements using <i>reduce()</i> method: </h2>
<div id="array"></div>
<div id="result"></div>
<script>
var arr = [2, 4, 6, 8];
var sum = arr.reduce(function(a,b){
return a+b;
}, 0);
document.getElementById("array").innerHTML = "Array: " + arr;
document.getElementById("result").innerHTML = "Sum of all elements in the array = " + sum;
</script>
</body>
</html>Output
Le code donnera le résultat suivant.
20Finding sum of all elements using reduce() method: Array: 2,4,6,8 Sum of all elements in the array = 20
Il y a de nombreux avantages à utiliser la méthode réduire() pour trouver la somme de tous les éléments dans un tableau. Premièrement, c’est simple et concis. Deuxièmement, il est facile à lire et à comprendre. troisième, C'est efficace et rapide. Enfin, il peut être utilisé pour additionner tout type de données, pas seulement nombre.
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!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Remplacer les caractères de chaîne en javascript
Mar 11, 2025 am 12:07 AM
Explication détaillée de la méthode de remplacement de la chaîne JavaScript et de la FAQ Cet article explorera deux façons de remplacer les caractères de chaîne dans JavaScript: le code JavaScript interne et le HTML interne pour les pages Web. Remplacer la chaîne dans le code JavaScript Le moyen le plus direct consiste à utiliser la méthode Remplace (): str = str.replace ("trouver", "remplacer"); Cette méthode remplace uniquement la première correspondance. Pour remplacer toutes les correspondances, utilisez une expression régulière et ajoutez le drapeau global G: str = str.replace (/ fi
jQuery Vérifiez si la date est valide
Mar 01, 2025 am 08:51 AM
Des fonctions JavaScript simples sont utilisées pour vérifier si une date est valide. fonction isValidDate (s) { var bits = s.split ('/'); var d = new Date (bits [2] '/' bits [1] '/' bits [0]); return !! (d && (d.getMonth () 1) == bits [1] && d.getDate () == Number (bits [0])); } //test var
jQuery obtient un rembourrage / marge d'élément
Mar 01, 2025 am 08:53 AM
Cet article explique comment utiliser jQuery pour obtenir et définir les valeurs de marge et de marge intérieures des éléments DOM, en particulier les emplacements spécifiques de la marge extérieure et des marges intérieures de l'élément. Bien qu'il soit possible de définir les marges intérieures et extérieures d'un élément à l'aide de CSS, l'obtention de valeurs précises peut être délicate. // installation $ ("div.header"). CSS ("marge", "10px"); $ ("div.header"). css ("padding", "10px"); Vous pourriez penser que ce code est
10 onglets jQuery Accordion
Mar 01, 2025 am 01:34 AM
Cet article explore dix onglets jQuery exceptionnels et accordéons. La principale différence entre les onglets et les accordéons réside dans la façon dont leurs panneaux de contenu sont affichés et cachés. Plongeons ces dix exemples. Articles connexes: 10 plugins de l'onglet jQuery
10 vaut la peine de vérifier les plugins jQuery
Mar 01, 2025 am 01:29 AM
Découvrez dix plugins jQuery exceptionnels pour élever le dynamisme et l'attrait visuel de votre site Web! Cette collection organisée offre diverses fonctionnalités, de l'animation d'image aux galeries interactives. Explorons ces outils puissants: Related Posts: 1
Http débogage avec le nœud et le http-console
Mar 01, 2025 am 01:37 AM
HTTP-Console est un module de nœud qui vous donne une interface de ligne de commande pour exécuter les commandes HTTP. C'est idéal pour le débogage et voir exactement ce qui se passe avec vos demandes HTTP, qu'elles soient faites contre un serveur Web, Web Serv
Tutoriel de configuration de l'API de recherche Google personnalisé
Mar 04, 2025 am 01:06 AM
Ce tutoriel vous montre comment intégrer une API de recherche Google personnalisée dans votre blog ou site Web, offrant une expérience de recherche plus raffinée que les fonctions de recherche de thème WordPress standard. C'est étonnamment facile! Vous pourrez restreindre les recherches à Y
jQuery Ajouter une barre de défilement à div
Mar 01, 2025 am 01:30 AM
L'extrait de code jQuery suivant peut être utilisé pour ajouter des barres de défilement lorsque le contenu DIV dépasse la zone de l'élément de conteneur. (Pas de démonstration, veuillez le copier directement sur Firebug) // d = document // w = fenêtre // $ = jQuery var contentArea = $ (this), wintop = contentArea.scrollTop (), docheight = $ (d) .height (), winheight = $ (w) .height (), divheight = $ ('# c
