Validar números en JavaScript

JavaScriptJavaScriptBeginner
Practicar Ahora

This tutorial is from open-source community. Access the source code

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

En este laboratorio, exploraremos una función de JavaScript que comprueba si un valor dado es un número. Utilizaremos el método parseFloat() para convertir el valor en un número y luego lo validaremos utilizando Number.isNaN() y Number.isFinite(). También utilizaremos la coerción para comprobar si el valor es un número. Al final de este laboratorio, tendrás una mejor comprensión de cómo validar números en JavaScript.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") subgraph Lab Skills javascript/variables -.-> lab-28688{{"Validar números en JavaScript"}} javascript/data_types -.-> lab-28688{{"Validar números en JavaScript"}} javascript/arith_ops -.-> lab-28688{{"Validar números en JavaScript"}} javascript/comp_ops -.-> lab-28688{{"Validar números en JavaScript"}} end

Función de validación de números

Para validar si una entrada dada es un número, siga estos pasos:

  • Abra la Terminal/SSH y escriba node para comenzar a practicar la codificación.
  • Utilice parseFloat() para intentar convertir la entrada en un número.
  • Utilice Number.isNaN() y el operador de negación lógica (!) para comprobar si la entrada es un número.
  • Utilice Number.isFinite() para comprobar si la entrada es finita.
  • Utilice Number y el operador de igualdad débil (==) para comprobar si la coerción es válida.

Aquí está el código para la función validateNumber:

const validateNumber = (input) => {
  const num = parseFloat(input);
  return !Number.isNaN(num) && Number.isFinite(num) && Number(input) == input;
};

Puede utilizar la función validateNumber de la siguiente manera:

validateNumber("10"); // true
validateNumber("a"); // false

Resumen

¡Felicidades! Has completado el laboratorio de Validación de Números. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.