JavaScriptProgramación

Desentrañando el Misterio de la Función tan() en JavaScript

Aprende a usar el método tan() para mejorar tus proyectos en JavaScript

La función tan() es una herramienta esencial en JavaScript que permite calcular el seno de un ángulo dado. Este artículo te guiará a través del propósito y la sintaxis de la función tan(), así como cómo aplicarla en situaciones comunes de programación.

Ejemplo 1: Conversión de grados a radianes


function toRadians(degrees) {
    return degrees * (Math.PI / 180);
}

const result = toRadians(45);
console.log(result); // Output: 0.7853981633974483

Ejemplo 2: Hallar el seno de un ángulo


function sin(degrees) {
    return Math.sin(toRadians(degrees));
}

const result = sin(45);
console.log(result); // Output: 0.7071067811865475

Ejemplo 3: Hallar el coseno de un ángulo


function cos(degrees) {
    return Math.cos(toRadians(degrees));
}

const result = cos(45);
console.log(result); // Output: 0.7071067811865475

Ejemplo 4: Hallar la tangente de un ángulo


function tan(degrees) {
    return Math.tan(toRadians(degrees));
}

const result = tan(45);
console.log(result); // Output: 0.99999999999972

Ejemplo 5: Rotación de un punto en el plano


function rotatePoint(x, y, angle) {
    const radians = toRadians(angle);
    const s = Math.sin(radians);
    const c = Math.cos(radians);
    
    return {
        x: (x * c - y * s),
        y: (x * s + y * c)
    };
}

const result = rotatePoint(10, 10, 45);
console.log(result); // Output: { x: 7.071067811865475, y: 14 }

Ejemplo 6: Dibujar una línea curva en un canvas


const canvas = document.getElementById('myCanvas');
const ctx = canvas.getContext('2d');

function drawCurve(x, y, angle) {
    const radians = toRadians(angle);
    const s = Math.sin(radians);
    const c = Math.cos(radians);
    
    ctx.beginPath();
    ctx.moveTo(x, y);
    ctx.quadraticCurveTo(x + 50 * c, y + 50 * s, x + 100 * c, y + 100 * s);
    ctx.stroke();
}

drawCurve(100, 100, 45);

Conclusión

La función tan() es una herramienta poderosa en JavaScript que puede mejorar significativamente el rendimiento de tus proyectos. Aprende a usarla correctamente y ¡verás cómo tu código se vuelve más preciso y eficiente!