Fonctions mathématiques JavaScript utiles et comment les utiliser

Cet article explore l'objet Math intégré de JavaScript, un trésor de fonctions pour diverses opérations mathématiques. Nous examinerons les fonctions clés et leurs applications pratiques.

Concepts clés

Ce guide couvre:

1. objet Math JavaScript: Un aperçu complet de l'objet Math et de ses fonctions pour effectuer des calculs mathématiques. Nous démontrerons l'utilisation de fonctions comme Math.max, Math.min, Math.abs, Math.pow, Math.sqrt, et Math.hypot dans divers contextes de programmation.
2. Exemples pratiques: Chaque fonction est illustrée par des exemples du monde réel. Nous montrerons comment trouver des valeurs minimales et maximales, calculer les différences absolues, effectuer des calculs de puissance, etc. Ces exemples fournissent des conseils de mise en œuvre pratiques pour vos projets JavaScript.
3. Opérations mathématiques avancées: Au-delà de l'arithmétique de base, nous nous plongerons dans des concepts avancés tels que les calculs racinaires, les logarithmes et en utilisant le théorème de Pythagore pour les calculs de distance. Des fonctions comme Math.sqrt, Math.cbrt, Math.log, Math.log2, Math.log10, et Math.hypot seront expliquées en détail.

Math.max et Math.min

Ces fonctions renvoient les valeurs maximales et minimales à partir d'une liste d'arguments numériques. Les arguments non numériques entraînent NaN. JavaScript tente la coercition du type; Par exemple, true est contraint à 1. Les tableaux peuvent être gérés à l'aide de l'opérateur de propagation (...).

<code class="language-javascript">Math.max(1, 2, 3, 4, 5); // 5
Math.min(4, 71, -7, 2, 1, 0); // -7
Math.max(...[8, 4, 2, 1]); // 8</code>

Exemple: Trouver le score élevé d'un tableau:

<code class="language-javascript">const scores = [23, 12, 52, 6, 25, 38, 19, 37, 76, 54, 24];
const highScore = Math.max(...scores); // 76</code>

Valeurs absolues (Math.abs)

Math.abs Renvoie la valeur absolue (magnitude) d'un nombre.

<code class="language-javascript">Math.abs(5); // 5
Math.abs(-42); // 42
Math.abs(-3.14159); // 3.14159</code>

Exemple: Calcul des économies entre deux transactions:

<code class="language-javascript">const dealA = 150;
const dealB = 167;
const saving = Math.abs(dealA - dealB); // 17</code>

Calculs de puissance (Math.pow et l'opérateur d'exponentiation)

Math.pow calcule les pouvoirs (base levée à l'exposant). L'opérateur d'exponentiation (**) fournit des fonctionnalités équivalentes.

<code class="language-javascript">Math.pow(2, 3); // 8
2 ** 3; // 8</code>

Calculs racinaires (Math.sqrt, Math.cbrt)

Math.sqrt calcule la racine carrée, tandis que Math.cbrt calcule la racine du cube. Les deux tentent la coercition.

<code class="language-javascript">Math.sqrt(4); // 2
Math.cbrt(1000); // 10</code>

D'autres racines peuvent être calculées en utilisant des exposants fractionnaires:

<code class="language-javascript">625 ** 0.25; // 5 (fourth root)</code>

logarithms (Math.log, Math.log2, Math.log10)

Math.log (logarithme naturel, base e ), Math.log2 (base 2) et Math.log10 (base 10) Calculer les logarithmes.

<code class="language-javascript">Math.max(1, 2, 3, 4, 5); // 5
Math.min(4, 71, -7, 2, 1, 0); // -7
Math.max(...[8, 4, 2, 1]); // 8</code>

Calcul de l'hypoténuse (Math.hypot)

Math.hypot Calcule l'hypoténuse d'un triangle à angle droit (distance la plus courte entre deux points).

<code class="language-javascript">const scores = [23, 12, 52, 6, 25, 38, 19, 37, 76, 54, 24];
const highScore = Math.max(...scores); // 76</code>

Exemple: Calcul de la distance entre deux points sur une page:

<code class="language-javascript">Math.abs(5); // 5
Math.abs(-42); // 42
Math.abs(-3.14159); // 3.14159</code>

Ce guide complet fournit une base solide pour utiliser les capacités de l'objet Math dans vos projets JavaScript. N'oubliez pas de consulter la documentation officielle JavaScript pour les informations et les détails les plus à jour.

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!