Introduction à Square Root en JavaScript

Javascript est un langage de script frontal qui s'affiche dans le navigateur et se trouve dans toutes les applications Web et sites Web que nous voyons sur Internet aujourd'hui. Il est tellement utilisé que tous les navigateurs sont par défaut compatibles avec Javascript. Nous pouvons simplement dire qu'aucune application Web ou site Web ne peut exister sans Javascript et qu'il a évolué au fil des ans pour prendre en charge les fonctionnalités complexes que les applications Web offrent aujourd'hui. Il prend en charge les opérations arithmétiques comme la sommation, la multiplication, la division, la soustraction, le carré, la racine carrée, etc. Dans ce didacticiel, examinons comment Javascript peut être utilisé pour trouver la racine carrée d'un nombre avec des exemples.

Pour commencer, récapitulons la définition de base de l'opération mathématique racine carrée. En termes simples, la racine carrée d'un nombre est un nombre qui, multiplié par lui-même, donne le nombre. La racine carrée est utilisée dans plusieurs formules et est une condition préalable à la compréhension des fonctions comme les équations du deuxième degré pour le fonctionnement et la représentation graphique, un théorème de Pythagore en trigonométrie, les exposants fractionnaires pour les fonctions et la représentation graphique, les nombres irrationnels et les nombres réels.

Par exemple, la racine carrée de 9 est 3 car 3 X 3 est 9. De même, la racine carrée de 25 est 5 puisque 5 x5 est 25.

Convertissons maintenant l'équation mathématique ci-dessus en un code Javascript.

Javascript utilise l'objet Math pour diverses opérations mathématiques. Cela a de nombreuses propriétés et fonctions pour effectuer une variété d'opérations arithmétiques et algorithmiques. Parmi les nombreuses fonctions arithmétiques qu'il fournit, nous pouvons utiliser sa méthode sqrt () pour trouver le sqrt () du nombre qui lui est fourni.

Syntaxe de la fonction sqrt (): Math.sqrt(value)

Paramètre d'entrée: la fonction sqrt accepte un nombre dont la racine carrée doit être trouvée comme paramètre.

Sortie: Si le paramètre est fourni dans le bon format, la fonction renverra un nombre qui, multiplié par lui-même, donnerait la valeur du paramètre, sinon il fournirait une variété de réponses que nous explorerons dans le tutoriel à venir.

Exemples de racine carrée en JavaScript

Voyons l'exemple ci-dessous où nous créons un paragraphe HTML avec l'ID comme "myDiv" et nous allons lui attribuer diverses valeurs de racine carrée avec Javascript:

Input : Math.sqrt(36)
Output : 6
Input : Math.sqrt(-36)
Output : NaN

Bien que la méthode sqrt () soit très facile à utiliser, nous devrons déployer des efforts supplémentaires pour gérer les exceptions au cas où le paramètre d'entrée serait fourni dans le mauvais format.

Par exemple, si nous transmettons une instance non numérique, la fonction sqrt () retournera un objet NaN.




document.getElementById(“myDiv”).innerHTML = Math.sqrt("string");

La sortie du code ci-dessus sera affichée comme NaN dans la fenêtre du navigateur:

Lorsque nous passons un tableau avec plusieurs nombres, la fonction renvoie une réponse NaN comme indiqué ci-dessous:




document.getElementById(“myDiv”).innerHTML = Math.sqrt((9, 16));

La sortie du code ci-dessus affichera la valeur NaN dans la fenêtre du navigateur:

Mais la fonction sqrt () retournera la bonne réponse si nous fournissons un tableau avec un paramètre à un chiffre comme indiqué ci-dessous:




document.getElementById(“myDiv”).innerHTML = Math.sqrt((9));

La sortie du code ci-dessus sera affichée comme 3 dans la fenêtre du navigateur:

Lorsqu'elle est fournie un nombre négatif, la fonction sqrt () renvoie un objet NaN.




document.getElementById(“myDiv”).innerHTML = Math.sqrt(-9);

La sortie du code ci-dessus sera affichée comme NaN dans la fenêtre du navigateur:

Lorsqu'un paramètre vide est transmis, la fonction sqrt () renvoie un objet NaN.




document.getElementById(“myDiv”).innerHTML = Math.sqrt();

La sortie du code ci-dessus sera:

Lorsqu'elle passe un tableau vide, la fonction sqrt () renvoie une valeur 0




document.getElementById(“myDiv”).innerHTML = Math.sqrt(());

La sortie du code ci-dessus sera:

Cependant, la fonction sqrt () fonctionne bien lorsqu'un nombre décimal est fourni comme paramètre d'entrée.




document.getElementById(“myDiv”).innerHTML = Math.sqrt(2.56);

La sortie du code ci-dessus affiché sur le navigateur sera la suivante:

Maintenant, laissez-nous comprendre et exécuter la spécification de code dans notre navigateur.

Nous allons d'abord créer un fichier appelé «sqrt_demo.html» et l'enregistrer dans un dossier appelé «sqrt_demo».

Notre fichier contiendra le code HTML et le code Javascript.




document.getElementById(“myDiv”).innerHTML = Math.sqrt(2.56);

Nous pouvons maintenant charger ce fichier en tapant son emplacement exact dans la fenêtre du navigateur pour revoir sa sortie.

Autre que la fonction sqrt (), l'objet Math a également 2 propriétés qui peuvent nous aider à dériver la racine carrée de nombres spécifiques.

Passons en revue ci-dessous avec des exemples:

Math.SQRT1_2: Cette propriété renvoie la racine carrée de ½ qui correspond approximativement à 0, 707.

Exemple :




document.getElementById(“myDiv”).innerHTML = Math.SQRT1_2;

La sortie du code ci-dessus affiché sur le navigateur sera:

Dans l'exemple ci-dessus, au lieu d'imprimer la valeur de Math.sqrt (), nous avons imprimé Math.SQRT1_2 qui apparaîtrait comme 0, 7071067811865476 dans la fenêtre du navigateur.

Math.SQRT2: Cette propriété renvoie la racine carrée de 2 qui correspond approximativement à 1, 414.

Exemple :




document.getElementById(“myDiv”).innerHTML = Math.SQRT2;

La sortie du code ci-dessus affiché sur le navigateur Web sera:

Dans l'exemple ci-dessus, au lieu d'imprimer la valeur de Math.sqrt (), nous avons imprimé Math.SQRT2 qui apparaîtrait comme 1.414 dans la fenêtre du navigateur.

Outre la fonction racine carrée comme sqrt (), il existe plusieurs autres fonctions complexes implémentées en Javascript. Les fonctions aident à implémenter facilement des calculs complexes car ils sont facilement fournis par javascript lui-même. Cela fait gagner du temps au développeur et augmente sa productivité en l'aidant à développer plus de code en moins de temps. C'est également l'une des principales raisons pour lesquelles le javascript est si populaire qu'il n'est plus seulement un langage frontal, mais avec NodeJS, il est également devenu un langage principal où il peut effectuer toutes les opérations qui peuvent être réalisées avec des langages de programmation traditionnels comme Php, Java., Python, Go et ainsi de suite.

Articles recommandés

Ceci est un guide de la racine carrée en JavaScript. Ici, nous discutons de la façon dont Javascript peut être utilisé pour trouver la racine carrée d'un nombre avec des exemples. Vous pouvez également consulter les articles suivants pour en savoir plus -

  1. Méthodes de tableaux en JavaScript
  2. Tri rapide en JavaScript
  3. Modèles en JavaScript
  4. Comment installer JavaScript