Maison interface Web Questions et réponses frontales Trouver la somme de cardinalité d'un tableau à l'aide de JavaScript

Trouver la somme de cardinalité d'un tableau à l'aide de JavaScript

May 17, 2023 pm 06:54 PM

在JavaScript编程中,我们通常需要对数组进行各种操作。其中,一个常见的问题是如何求数组的基数和。基数和是数组中所有奇数数值的总和。在本文中,我们将学习如何使用JavaScript求解数组的基数和,并提供几种不同的解决方法。

方法一:遍历数组,逐一累加

这种方法很简单,我们只需要使用一个for循环遍历整个数组,如果发现当前元素是奇数,就将其加入到基数和的累加器中。以下是实现这种方法的代码:

function oddSum(arr) {
  let sum = 0; // 定义累加器,初始值为0
  for (let i = 0; i < arr.length; i++) {
    if (arr[i] % 2 !== 0) { // 如果当前值是奇数
      sum += arr[i]; // 将其加入累加器中
    }
  }
  return sum; // 返回基数和
}
Copier après la connexion

这种方法的好处在于简单、直接,容易理解。但是,它的效率不高,尤其是在数组比较大时,会有性能问题。

方法二:使用Array.prototype.reduce()

JavaScript中有一个内置的高级函数Array.prototype.reduce(),它可以在一个函数中累加数组的每一个元素,最终返回一个值。我们可以用它来实现求解基数和。以下是使用reduce方法实现的代码:

function oddSum(arr) {
  return arr.reduce((sum, cur) => {
    if (cur % 2 !== 0) {
      return sum + cur;
    } else {
      return sum;
    }
  }, 0);
}
Copier après la connexion

这个函数与方法一的原理是一样的,不同之处是使用了内置的数组迭代函数,使代码更加简洁和易读。同时,这种方法比方法一更加高效,因为它利用了JavaScript内置的优化算法。

方法三:使用Array.prototype.filter()和Array.prototype.reduce()

另一个方法是先使用Array.prototype.filter()选择出数组中所有的奇数,再使用Array.prototype.reduce()来将这些元素求和。以下是实现这种方法的代码:

function oddSum(arr) {
  const oddArr = arr.filter(num => num % 2 !== 0); // 选择出所有的奇数
  const sum = oddArr.reduce((sum, cur) => sum + cur, 0); // 将这些元素求和
  return sum; // 返回基数和
}
Copier après la connexion

这种方法可能会比方法二稍微慢一些,因为它需要两次循环。但是,这种方法非常可读和易于理解。同样,它使用了JavaScript内置的优化算法,因此它的性能仍然非常高。

总结

在本文中,我们介绍了三种方法来求解JavaScript数组的基数和。这三种方法都是有效的,但它们各有优缺点。我们建议根据实际情况选择最适合自己的方法。在选择完方法之后,我们可以用一些工具来测试代码的性能,比如console.time()和console.timeEnd()函数,以便知道它们的执行时间。

总之,我们希望读者能够了解如何使用JavaScript求解数组的基数和,并掌握一些常用的技巧。使用这些技巧,你可以轻松地处理各种数组操作,从而提高自己的编程技能。

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Vous avez un jeu croisé?
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Qu'est-ce que l'utilisation Effecte? Comment l'utilisez-vous pour effectuer des effets secondaires? Qu'est-ce que l'utilisation Effecte? Comment l'utilisez-vous pour effectuer des effets secondaires? Mar 19, 2025 pm 03:58 PM

L'article traite de l'utilisation Effecte dans React, un crochet pour gérer les effets secondaires comme la récupération des données et la manipulation DOM dans les composants fonctionnels. Il explique l'utilisation, les effets secondaires courants et le nettoyage pour éviter des problèmes comme les fuites de mémoire.

Comment fonctionne l'algorithme de réconciliation React? Comment fonctionne l'algorithme de réconciliation React? Mar 18, 2025 pm 01:58 PM

L'article explique l'algorithme de réconciliation de React, qui met à jour efficacement le DOM en comparant les arbres DOM virtuels. Il traite des avantages de la performance, des techniques d'optimisation et des impacts sur l'expérience utilisateur. Compte de charge: 159

Quelles sont les fonctions d'ordre supérieur en JavaScript, et comment peuvent-ils être utilisés pour écrire du code plus concis et réutilisable? Quelles sont les fonctions d'ordre supérieur en JavaScript, et comment peuvent-ils être utilisés pour écrire du code plus concis et réutilisable? Mar 18, 2025 pm 01:44 PM

Les fonctions d'ordre supérieur dans JavaScript améliorent la concision du code, la réutilisabilité, la modularité et les performances par abstraction, modèles communs et techniques d'optimisation.

Comment fonctionne le currying en JavaScript et quels sont ses avantages? Comment fonctionne le currying en JavaScript et quels sont ses avantages? Mar 18, 2025 pm 01:45 PM

L'article traite du curry dans JavaScript, une technique transformant les fonctions mulguments en séquences de fonctions à argument unique. Il explore la mise en œuvre du currying, des avantages tels que des applications partielles et des utilisations pratiques, améliorant le code

Comment connectez-vous les composants React au magasin Redux à l'aide de Connect ()? Comment connectez-vous les composants React au magasin Redux à l'aide de Connect ()? Mar 21, 2025 pm 06:23 PM

L'article discute de la connexion des composants React à Redux Store à l'aide de Connect (), expliquant MapStateToproprop, MapDispatchToprops et des impacts de performances.

Qu'est-ce que UseContext? Comment l'utilisez-vous pour partager l'état entre les composants? Qu'est-ce que UseContext? Comment l'utilisez-vous pour partager l'état entre les composants? Mar 19, 2025 pm 03:59 PM

L'article explique UseContext dans React, qui simplifie la gestion de l'État en évitant le forage des accessoires. Il traite des avantages tels que les améliorations centralisées de l'État et des performances grâce à des redevances réduites.

Comment empêchez-vous le comportement par défaut dans les gestionnaires d'événements? Comment empêchez-vous le comportement par défaut dans les gestionnaires d'événements? Mar 19, 2025 pm 04:10 PM

L'article discute de la prévention des comportements par défaut dans les gestionnaires d'événements à l'aide de la méthode empêchée dedEfault (), de ses avantages tels que une expérience utilisateur améliorée et des problèmes potentiels tels que les problèmes d'accessibilité.

Quels sont les avantages et les inconvénients des composants contrôlés et incontrôlés? Quels sont les avantages et les inconvénients des composants contrôlés et incontrôlés? Mar 19, 2025 pm 04:16 PM

L'article traite des avantages et des inconvénients des composants contrôlés et incontrôlés dans la réaction, en se concentrant sur des aspects tels que la prévisibilité, la performance et les cas d'utilisation. Il conseille les facteurs à considérer lors du choix entre eux.

See all articles