Números y Operaciones Matemáticas en JavaScript

Contenido del curso

Introducción a JavaScript

Estructuras de Control y Lógica

Funciones y This

Manipulación de Arrays

Programación Orientada a Objetos

Asincronía en JavaScript

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:009:30

Números y Operaciones Matemáticas en JavaScript

Curso de Fundamentos de JavaScript

Clase 7 de 55

Clase 7 / 55

Recursos

¿Cuál es el tipo de dato number en JavaScript?

En JavaScript, el tipo de dato primitivo number es esencial para el manejo de operaciones numéricas. Aunque existen diversas formas de escribir números, como enteros y decimales, todos se reconocen bajo el mismo tipo de dato: number. Esta unificación facilita la manipulación y el cálculo numérico. Veamos cómo se representan en este lenguaje:

Enteros y decimales: Se escriben de forma diferente, pero en su naturaleza subyacente ambos son números.

let entero = 42;
let decimal = 3.14;
console.log(typeof entero); // "number"
console.log(typeof decimal); // "number"

Notación científica: En JavaScript, también podemos utilizar la notación científica para representar números. Se usa la letra e para indicar una potencia de 10.
```
let cientifico = 5e3; // equivale a 5000
```
Infinity y NaN: La representación de números infinitos usa Infinity, mientras que un cálculo o valor indefinido se representa como NaN (Not a Number).
```
let infinito = Infinity;
let noNumero = NaN;
```

¿Cómo realizar operaciones aritméticas?

JavaScript proporciona operadores aritméticos para realizar cálculos básicos y avanzados. Entre ellos destacan:

Operaciones básicas

Suma (+): Adición de dos números.
Resta (-): Diferencia entre dos números.
Multiplicación (*): Producto de dos números.
División (/): Cociente de dos números.

let suma = 5 + 3;
let resta = 10 - 6;
let multiplicacion = 2 * 3;
let division = 9 / 3;

Operaciones avanzadas

Módulo (%): Retorna el residuo de una división entre dos números. Útil para saber si un número es múltiplo de otro.
```
let modulo = 10 % 3; // resultado es 1
```
Exponenciación ()**: Eleva un número a una potencia específica.
```
let potencia = 2 ** 3; // equivale a 8
```

Dilemas con la precisión

JavaScript a veces enfrenta problemas de precisión en operaciones decimales.

Ejemplo: Al sumar 0.1 y 0.2, podríamos esperar 0.3, pero el resultado podría ser un número decimal largo y preciso.
```
let resultado = 0.1 + 0.2;
console.log(resultado); // Imprime algo como 0.30000000000000004
```

Para redondear resultados a un número fijo de decimales, podemos utilizar .toFixed().

console.log(resultado.toFixed(2)); // "0.30"

¿Qué operaciones avanzadas podemos hacer con Math?

JavaScript brinda el objeto Math para operaciones matemáticas avanzadas:

Raíz cuadrada (Math.sqrt): Calcula la raíz cuadrada de un número.
```
let raizCuadrada = Math.sqrt(16); // 4
```
Valor absoluto (Math.abs): Devuelve el valor absoluto de un número.
```
let valorAbsoluto = Math.abs(-7); // 7
```
Número aleatorio (Math.random): Genera un número aleatorio entre 0 y 1.
```
let aleatorio = Math.random();
```

El tipo de dato number en JavaScript es fundamental en el desarrollo de aplicaciones donde se requiere manejo de números y cálculos matemáticos, asegurando versatilidad y facilidad en su implementación.

Andrés Soret Chacin

Hace 2 años

Tipos de datos en JavaScript: Números

En esta clase vamos a hablar sobre el tipo number en JavaScript.
Es importante conocer los tres tipos de números que podemos escribir: enteros, decimales y notación científica.

Enteros y decimales

Tanto los enteros como los decimales son del tipo number.

let entero = 42;
let decimal = 3.14;
console.log(typeof entero);  // 'number'
console.log(typeof decimal); // 'number'

En JavaScript, no hay distinción entre enteros y decimales a nivel de tipo de dato.

Notación científica

La notación científica también es reconocida como number.

let cientifico = 5e3; // 5 * 10^3
console.log(cientifico); // 5000

Infinito y NaN

Infinito (Infinity) y NaN (Not a Number) son valores especiales del tipo number.

let infinito = Infinity;
let noEsUnNumero = NaN;
console.log(infinito);      // Infinity
console.log(noEsUnNumero);  // NaN

Operaciones aritméticas

Las operaciones básicas incluyen suma, resta, multiplicación y división.

let suma = 5 + 3;           // 8
let resta = 5 - 3;          // 2
let multiplicacion = 5 * 3; // 15
let division = 5 / 3;       // 1.666...
console.log(suma, resta, multiplicacion, division);

Además, se pueden realizar operaciones de módulo y exponenciación.

let modulo = 5 % 3;         // 2
let exponenciacion = 5 ** 3; // 125
console.log(modulo, exponenciacion);

Problemas de precisión

JavaScript puede tener problemas de precisión con números decimales.

let resultado = 0.1 + 0.2;
console.log(resultado); // 0.30000000000000004

Para solucionar problemas de precisión, podemos usar .toFixed().
```
console.log(resultado.toFixed(1)); // 0.3
```

Comparación de números

Comparar números con precisión puede ser problemático.
```
console.log(resultado === 0.3); // false
```

Operaciones avanzadas con Math

JavaScript proporciona operaciones avanzadas mediante el objeto Math.

let raizCuadrada = Math.sqrt(16);       // 4
let valorAbsoluto = Math.abs(-7);       // 7
let aleatorio = Math.random();          // Número aleatorio entre 0 y 1
console.log(raizCuadrada, valorAbsoluto, aleatorio);

Ejemplo completo en código

let entero = 42;
let decimal = 3.14;
let cientifico = 5e3;
let infinito = Infinity;
let noEsUnNumero = NaN;

console.log(typeof entero);        // 'number'
console.log(typeof decimal);       // 'number'
console.log(cientifico);           // 5000
console.log(infinito);             // Infinity
console.log(noEsUnNumero);         // NaN

let suma = 5 + 3;                  // 8
let resta = 5 - 3;                 // 2
let multiplicacion = 5 * 3;        // 15
let division = 5 / 3;              // 1.666...
let modulo = 5 % 3;                // 2
let exponenciacion = 5 ** 3;       // 125

console.log(suma, resta, multiplicacion, division);
console.log(modulo, exponenciacion);

let resultado = 0.1 + 0.2;
console.log(resultado);            // 0.30000000000000004
console.log(resultado.toFixed(1)); // 0.3
console.log(resultado === 0.3);    // false

let raizCuadrada = Math.sqrt(16);       // 4
let valorAbsoluto = Math.abs(-7);       // 7
let aleatorio = Math.random();          // Número aleatorio entre 0 y 1
console.log(raizCuadrada, valorAbsoluto, aleatorio);

Comentarios (50)50 comentarios

Arnol Daniel Degollado Garrocho

Jhony Daniel Ramirez Bonilla

Aitor Garcia Ramos

Aarón González

Matias Ezequiel Rivero

Bryan Ramírez

Hace un año

Calvin Rafael Bobadilla Fernandez

Nicolás Duque

Lilian de la Puente Toll

Rafful Chang

Carlos G

Alejandro Rafael Soto Medina

Damian Castellini

Andres Alvarez

Jonathan Emmanuel Pumares Chab

Jeronimo Murillo Narvaez

Oscar Omar Ruiz Rodriguez

David Castañeda Robles

OMANI JAEL AMBROCIO GODINEZ

Luis Eduardo Payano Villar

Diego Andrés Lopez Rodriguez

Nicolas Alejandro Baak Poot

Hace 8 meses•editado

Daniela Angulo Ruiz

Hace 10 meses

Jorge López

Miguel Jonathan Madrigal González

Jonathan Garcia

Introducción a JavaScript

Fundamentos de JavaScript para Principiantes

Instalación y Configuración de JavaScript en Visual Studio Code

Instalación y configuración de Visual Studio Code y Node.js en Windows

Variables y Buenas Prácticas en JavaScript

Tipos de datos primitivos y complejos en JS

Manipulación de Strings en JavaScript: Escritura, Concatenación y Substrings

Números y Operaciones Matemáticas en JavaScript

Conversión de Tipos en JavaScript: Implícita y Explícita

Conversión de Tipos en JavaScript: Explícita e Implícita

Estructuras de Control y Lógica

Operadores de Comparación en JavaScript: Igualdad y Desigualdad

Operadores Lógicos en Programación: AND, OR y NOT

Estructuras Condicionales: Uso de IF, ELSE y ELSE IF en JavaScript

Juego de Adivinanza: Programación con Estructuras Condicionales

Cómo funciona switch en JavaScript

Ciclo For: Iteración de Listas y Uso de Console.log en JavaScript

Cómo usar for of con arrays en JavaScript

Iteración sobre Objetos con forIn en JavaScript

Uso del ciclo while para iteración en programación

Ciclos doWhile: Estructura y Diferencias con While

Funciones y This

Funciones en JavaScript: Cómo Calcular Precios con Descuentos

Diferencias entre Funciones y Métodos en JavaScript

Funciones Puras e Impuras en Programación: Conceptos y Ejemplos

Arrow functions y lexical binding en JS

Scope chain y contextos en JavaScript

Closures y Ámbito Léxico en JavaScript

Fundamentos del Desarrollo Web: Frontend y Backend

Manipulación de Arrays

Arrays: Propiedades, Acceso y Creación en Programación

Mutabilidad e inmutabilidad en arrays JS

Mutabilidad en arrays con push y pop

Métodos map y forEach en JavaScript: Uso y Ejemplos Prácticos

Métodos Filter y Reduce en JavaScript: Uso y Ejemplos Prácticos

Métodos find y findIndex en JavaScript: Uso y ejemplos prácticos

Uso del método slice para extraer porciones de un array en JavaScript

Uso del Spread Operator en JavaScript: Copia, Combinación y Más

Programación Orientada a Objetos

Objetos en JavaScript: propiedades y métodos

Creación y Manipulación de Objetos en JavaScript

Función constructora y gestión de instancias en JavaScript

Clases en JavaScript con sintaxis moderna

Herencia y prototipos en JavaScript

Prototipos y Herencia en JavaScript: Construcción y Uso Práctico

Métodos y herencia prototípica en JavaScript

Uso de "this" en Clases y Funciones Constructoras

Validación de Usuarios en una Red Social: Algoritmo Básico

Cómo el return false dentro del for rompe tu login

Asincronía en JavaScript

Programación Síncrona y Asíncrona en JavaScript

Promesas en JavaScript: estados y métodos

Uso de Async/Await para Promesas Asíncronas en JavaScript

Peticiones asíncronas con for await en JavaScript

Fundamentos de HTTP: Cliente-Servidor y Métodos de Petición

Peticiones HTTP en Frontend: Uso de Fetch y Análisis en Network

Función reutilizable para peticiones fetch

Enviar un POST con Fetch API y formularios

Cómo borrar posts con fetch y delegation pattern

Manejo de IDs en JavaScript para eliminar artículos del DOM

Actualizaciones y Nuevas Funciones en JavaScript

Números y Operaciones Matemáticas en JavaScript