Limitar 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 el concepto de limitar un número dentro de un rango específico en JavaScript. El propósito de este laboratorio es ayudarte a entender cómo limitar el valor de un número a un cierto rango, que es una tarea de programación común en diversas aplicaciones. Al final de este laboratorio, tendrás una clara comprensión de cómo implementar la función clampNumber en tu código 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-28196{{"Limitar Números en JavaScript"}} javascript/data_types -.-> lab-28196{{"Limitar Números en JavaScript"}} javascript/arith_ops -.-> lab-28196{{"Limitar Números en JavaScript"}} javascript/comp_ops -.-> lab-28196{{"Limitar Números en JavaScript"}} end

Función para limitar un número dentro de un rango

Para limitar un número dentro de un rango específico, utiliza la función clampNumber.

Para comenzar, abre la Terminal/SSH y escribe node para practicar la codificación.

La función clampNumber toma tres parámetros: num, a y b. Limita num dentro del rango inclusivo especificado por los valores límite a y b y devuelve el resultado.

Si num se encuentra dentro del rango, la función devuelve num. De lo contrario, devuelve el número más cercano en el rango.

Aquí está el código de la función clampNumber:

const clampNumber = (num, a, b) =>
  Math.max(Math.min(num, Math.max(a, b)), Math.min(a, b));

Y aquí hay algunos ejemplos de cómo utilizar la función:

clampNumber(2, 3, 5); // 3
clampNumber(1, -1, -5); // -1

Resumen

¡Felicidades! Has completado el laboratorio de Limitar Número. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.