Introducción a la raíz cuadrada en JavaScript

Javascript es un lenguaje de scripts frontend que se muestra en el navegador y se encuentra en todas las aplicaciones web y sitios web que vemos en Internet hoy. Es tan ampliamente utilizado, que todos los navegadores son por defecto compatibles con Javascript. Simplemente podemos decir que ninguna aplicación web o sitio web puede existir sin Javascript y ha evolucionado a lo largo de varios años para admitir funcionalidades complejas que las aplicaciones web ofrecen hoy en día. Admite operaciones aritméticas como suma, multiplicación, división, resta, raíz cuadrada, cuadrada, etc. En este tutorial, exploremos cómo se puede usar Javascript para encontrar la raíz cuadrada de un número con ejemplos.

Para empezar, repasemos la definición básica de la operación matemática de raíz cuadrada. En palabras fáciles, la raíz cuadrada de un número es un número que cuando se multiplica por sí mismo da el número. La raíz cuadrada que se usa es varias fórmulas y es un requisito previo en las funciones de comprensión como ecuaciones de segundo grado para el funcionamiento y la representación gráfica, un teorema de Pitágoras en trigonometría, exponentes fraccionales para funciones y gráficos, números irracionales y números reales.

Por ejemplo, la raíz cuadrada de 9 es 3 porque 3 X 3 es 9. De manera similar, la raíz cuadrada de 25 es 5 ya que 5 x5 es 25.

Ahora vamos a convertir la ecuación matemática anterior en un código Javascript.

Javascript usa el objeto Math para una variedad de operaciones matemáticas. Esto tiene muchas propiedades y funciones para realizar una variedad de operaciones aritméticas y algorítmicas. Entre las muchas funciones aritméticas que proporciona, podemos usar su método sqrt () para encontrar el sqrt () del número que se le proporciona.

Sintaxis de la función sqrt (): Math.sqrt(value)

Parámetro de entrada: la función sqrt acepta un número cuya raíz cuadrada se encuentra como parámetro.

Salida: si el parámetro se proporciona en el formato correcto, la función devolverá un número que, multiplicado por sí mismo, daría el valor del parámetro, de lo contrario, proporcionaría una variedad de respuestas que exploraremos en el tutorial a continuación.

Ejemplos de raíz cuadrada en JavaScript

Veamos el ejemplo a continuación donde estamos creando un párrafo HTML con la identificación como "myDiv" y le asignaremos varios valores de raíz cuadrada con Javascript:

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

Aunque el método sqrt () es muy fácil de usar, tendremos que hacer un esfuerzo adicional para manejar las excepciones en caso de que el parámetro de entrada se proporcione en el formato incorrecto.

Por ejemplo, si pasamos una instancia no numérica, la función sqrt () devolverá un objeto NaN.




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

La salida del código anterior se mostrará como NaN en la ventana del navegador:

Cuando pasamos una matriz con más de un número, la función devuelve una respuesta NaN como se muestra a continuación:




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

La salida del código anterior mostrará el valor NaN en la ventana del navegador:

Pero la función sqrt () devolverá la respuesta correcta si proporcionamos una matriz con un parámetro de un solo dígito como se muestra a continuación:




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

La salida del código anterior se mostrará como 3 en la ventana del navegador:

Cuando se proporciona un número negativo, la función sqrt () devuelve un objeto NaN.




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

La salida del código anterior se mostrará como NaN en la ventana del navegador:

Cuando se pasa un parámetro vacío, la función sqrt () devuelve un objeto NaN.




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

La salida del código anterior será:

Cuando se pasa una matriz vacía, la función sqrt () devuelve un valor 0




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

La salida del código anterior será:

Sin embargo, la función sqrt () funciona bien cuando se proporciona un número decimal como parámetro de entrada.




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

El resultado del código anterior que se muestra en el navegador será el siguiente:

Ahora déjenos entender y ejecutar la especificación del código en nuestro navegador.

Primero crearemos un archivo llamado "sqrt_demo.html" y lo guardaremos en una carpeta llamada "sqrt_demo".

Nuestro archivo contendrá el código HTML y el código Javascript.




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

Ahora podemos cargar este archivo escribiendo que es la ubicación exacta en la ventana del navegador para revisar su salida.

Además de la función sqrt (), el objeto Math también tiene 2 propiedades que pueden ayudarnos a derivar la raíz cuadrada de números específicos.

Repasemos a continuación con ejemplos:

Math.SQRT1_2: esta propiedad devuelve la raíz cuadrada de ½ que aproximadamente llega a 0.707.

Ejemplo:




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

El resultado del código anterior que se muestra en el navegador será:

En el ejemplo anterior, en lugar de imprimir el valor de Math.sqrt (), imprimimos Math.SQRT1_2 que se mostraría como 0.7071067811865476 en la ventana del navegador.

Math.SQRT2: esta propiedad devuelve la raíz cuadrada de 2, que aproximadamente llega a 1.414.

Ejemplo:




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

El resultado del código anterior que se muestra en el navegador web será:

En el ejemplo anterior, en lugar de imprimir el valor de Math.sqrt (), imprimimos Math.SQRT2 que se mostraría como 1.414 en la ventana del navegador.

Además de la función de raíz cuadrada como sqrt (), hay varias otras funciones complejas implementadas en Javascript. Las funciones ayudan a implementar cálculos complejos fácilmente, ya que los proporciona el propio JavaScript. Esto ahorra tiempo al desarrollador y aumenta su productividad al ayudarlo a desarrollar más código en menos tiempo. También es una de las principales razones por las que javascript es tan popular que ya no es solo un lenguaje frontend, sino que con NodeJS también se ha convertido en un lenguaje de back-end donde puede lograr todas las operaciones que se pueden lograr con lenguajes de programación tradicionales como Php, Java, Python, Go, etc.

Artículos recomendados

Esta es una guía de raíz cuadrada en JavaScript. Aquí discutimos cómo se puede usar Javascript para encontrar la raíz cuadrada de un número con ejemplos. También puede echar un vistazo a los siguientes artículos para obtener más información:

  1. Métodos de matrices en JavaScript
  2. Ordenar rápidamente en JavaScript
  3. Patrones en JavaScript
  4. Cómo instalar JavaScript