PlatziMath: clases y métodos estáticos

Taller Práctico de JavaScript: Matemáticas y Estadística Básica

Contenido del curso

Introducción

1
¿Ya tomaste el Curso Práctico de JavaScript?
08:20 min

Matemáticas en JavaScript

Porcentajes

Estadística básica

Análisis de salarios

Próximos pasos

27
Toma el Taller Práctico de JavaScript: Videojuegos
04:27 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:009:13

PlatziMath: clases y métodos estáticos

Taller Práctico de JavaScript: Matemáticas y Estadística Básica

Clase 18 de 27

Clase 18 / 27

Comentarios (19)19 comentarios

Rubén Ernesto Aragón Gil

Hace 4 años

Al final respondí, pues... mete otro tag script y adjunta el file platzimath.js

Luego dije, nooo. Es muy fácil para que sea eso, y que salió.

Ya que no sé que es fácil y difícil, jaja.

Sebastian Silva

Hace 4 años

En vista de los pocos comentarios, algo me hace pensar que muchos se rindieron jajajaja Pues ya casi los alcanzo C,:

Génesis Jarlenis Patiño Ynfante

Hace 4 años

Noooo!! Aquí estamos xD

Sergio Paredes

Hace 4 años

Si es cierto, en este curso solo hay unos cuantos

Axel Enrique Galeed Gutierrez

Hace 4 años

Les comparto cómo quedaría todo utilizando clases. :D

export class PlatziMath {
    static getAverage (list) {
        let sumNumbers = 0;

        for (const NUMBER of list) {
            sumNumbers += NUMBER;
        }

        const AVERAGE = sumNumbers / list.length;

        return AVERAGE;
    }

    static isOdd = (list) => Boolean(list.length % 2);

    static isEven = (list) => !(list.length % 2);

    static calculareMedian (unorderedList) {
        const SORTED_LIST = this.sortList(unorderedList);
        const IS_ODD = this.isOdd(SORTED_LIST);
        const IS_EVEN = this.isEven(SORTED_LIST);
        let median = 0;

        if (IS_ODD) {
            const HALF_ODD = Math.floor(SORTED_LIST.length / 2);

            median = SORTED_LIST[HALF_ODD];
        }

        if (IS_EVEN) {
            const FIRST_HALF = Math.floor(SORTED_LIST.length / 2);
            const SECOND_HALF = FIRST_HALF - 1;
            const LIST_HALVES = [ SORTED_LIST[FIRST_HALF], SORTED_LIST[SECOND_HALF] ];

            median = this.getAverage(LIST_HALVES);
        }

        return median;
    }

    static sortList (unorderedList) {
        const SORTED_LIST = unorderedList.sort((a, b) => a - b);

        return SORTED_LIST;
    }

    static sortListBidimensional (unorderedList, i) {
        let sortedList = [];

        if (i === 1)
            sortedList = unorderedList.sort((a, b) => b[i] - a[i]);

        return sortedList;
    }

    static calculateMode (list) {
        const COUNTER_LIST = {};

        for (const ITEM of list) {
            (ITEM in COUNTER_LIST)
                ? COUNTER_LIST[ITEM] += 1
                : COUNTER_LIST[ITEM] = 1;
        }

        const LIST_ARRAY = Object.entries(COUNTER_LIST);
        const LAST_SORTED_LIST = LIST_ARRAY[0].length - 1;
        const SORTED_LIST = this.sortListBidimensional(LIST_ARRAY, LAST_SORTED_LIST);
        const MODE = SORTED_LIST[0][0];

        return MODE;
    }
}

John Jaramillo

Hace 3 años

Jajajaja no entendí el 70% pero tu tema está bonito, cómo se llama? :D

Axel Enrique Galeed Gutierrez

Hace 3 años

Hola, @JonhaDev, ¿cómo estás?

El tema que uso para Visual Studio Code es One Dark Pro de binaryify. 😄

Orlando Rodriguez

Hace 4 años

Para generar varios cursores o editores en el VSC, pulsen el click para seleccionar líneas y presionen ALT+SHIFT.

Juan David Reyes

Hace 4 años

También solo con ALT :3

Édison Chica Álvarez

Hace 3 años

La primera vez que hice todo el curso me costaba entender mucha parte del código. Decidí volver a hacer todos los ejercicios de este curso con más calma y todo fluye con más claridad. La clave es no rendirse, todos podemos!!

Gualberto Montiel

Hace 4 años

!I love JS

JavaScript siendo JavaScript

Marcia Hernández

Hace 4 años

**Así puedes copiar los nombres de las funciones: ** Con ALT se crean nuevos cursores. y con ALt + SHIFT + flechita (derecha o izquierda) se va a seleccionar toda la palabra.

Ivan de jesus Romero leal

Hace 4 años

Definitiva mente esta clase fue la que me hizo hacer un descubrimiento inmenso, que increible

JERSSON ARLEY OSMA CIFUENTES

Hace 4 años

me pueden ayudar porfa tengo una inquietud si yo quisiera ver el cómo están hechas estas funciones como las puedo ver porque al momento de yo buscar por ejemplo Math.acos me sale esto ƒ acos() { [native code] }

Ricardo Alfonso Chavez Vilcapoma

Hace 4 años

Creo que no se puede...viene por defecto esas propiedades.

----- ----

Hace 4 años

Estas clases de estadística sirvieron para poder traer "ideas abstractas" (no como decirlo exactamente xd) de las mates a un código de programación <3

Harold Zurita Simon

Hace 3 años

También puede hacerse sin un HTML de por medio. . mathClass.js:

const MathClass = {};

MathClass.addition = (a, b) => a + b;
MathClass.substract = (a, b) => a - b;
MathClass.multiplication = (a, b) => a * b;
MathClass.division = (a, b) => a - b;

module.exports = MathClass;

test.js:

const MathClass = require("./mathClass");

console.log(MathClass.addition(1, 2));
console.log(MathClass.substract(2, 1));
console.log(MathClass.multiplication(3, 2));
console.log(MathClass.division(4, 2));

Se ejecuta:

node .\test.js

Se obtiene el output:

Los métodos estáticos son funciones asociadas a una clase en la programación orientada a objetos que no requieren una instancia de la clase para ser invocados. . Siguiendo el mismo ejemplo pero con clases sería:

class MathClass {
  static add(a, b) {
    return a + b;
  }
}

const result = MathClass.add(5, 3);
console.log(result);

Como se puede observar aún teniendo la clase no fue necesario crear un nueva instancia de la clase como new MathClass() para poder utilizar su método estático.

Facundo Agustin Perez

Hace 3 años

Gente hasta aqui les recomiendo que practiquen con freeCodeCamp y tambien con los ejercicios de soyHenry, no es por despreciar esta institucion(Es mas me ayudo bastante a comprender muchas cosas) pero nunca dejen de aprender, todo sirve, llevo bastante meses tratando de entender la logica de javascript y cuesta, pero no se rindan.

Ricardo Alfonso Chavez Vilcapoma

Hace 4 años

Para importar código JS en otro, en el HTML que hará referencia a ese otro archivo JS llamar primero al archivo JS que se quiere importar.

En mi caso:

Leonardo Contreras Vergara

Hace 4 años

seguimos de pies señores, 4 dias metidos de cabeza y con severo malestar y satisfaccion, vamos👹

Franco Moreira

Hace 4 años

💪💪💪💪💪💪💪💪🚀

Bruno Rosso

Hace 3 años

Hola ! una consulta..

mi forma de aprender es intentar solucionar el ejercicio antes de ver la clase, yo las funciones las hice con arrow function.

las meto dentro del objeto PlatziMath y hasta ahi funciona lo mas bien.

Ahora cuando la quiero llamar desde salarios.js y no las reconoce, arroja que no es una función.

Alguien sabe como solucionarlo? sin cambiar todas las arrow T.T

Johnner Alexander Gambacica Ortiz

Hace 3 años

La media ponderada podría ser escrita solamente usando .reduce

willy jaramillo

Hace 3 años

https://app.codesignal.com/arcade/intro/level-1/egbueTZRRL5Mm4TXN les recomiendo esa pagina si quieren practicar ejercicios de js

Osvaldo Paz

Hace 3 años

Exelente clase, hace las cosas mas simple.

export class PlatziMath {
    static getAverage (list) {
        let sumNumbers = 0;

        for (const NUMBER of list) {
            sumNumbers += NUMBER;
        }

        const AVERAGE = sumNumbers / list.length;

        return AVERAGE;
    }

    static isOdd = (list) => Boolean(list.length % 2);

    static isEven = (list) => !(list.length % 2);

    static calculareMedian (unorderedList) {
        const SORTED_LIST = this.sortList(unorderedList);
        const IS_ODD = this.isOdd(SORTED_LIST);
        const IS_EVEN = this.isEven(SORTED_LIST);
        let median = 0;

        if (IS_ODD) {
            const HALF_ODD = Math.floor(SORTED_LIST.length / 2);

            median = SORTED_LIST[HALF_ODD];
        }

        if (IS_EVEN) {
            const FIRST_HALF = Math.floor(SORTED_LIST.length / 2);
            const SECOND_HALF = FIRST_HALF - 1;
            const LIST_HALVES = [ SORTED_LIST[FIRST_HALF], SORTED_LIST[SECOND_HALF] ];

            median = this.getAverage(LIST_HALVES);
        }

        return median;
    }

    static sortList (unorderedList) {
        const SORTED_LIST = unorderedList.sort((a, b) => a - b);

        return SORTED_LIST;
    }

    static sortListBidimensional (unorderedList, i) {
        let sortedList = [];

        if (i === 1)
            sortedList = unorderedList.sort((a, b) => b[i] - a[i]);

        return sortedList;
    }

    static calculateMode (list) {
        const COUNTER_LIST = {};

        for (const ITEM of list) {
            (ITEM in COUNTER_LIST)
                ? COUNTER_LIST[ITEM] += 1
                : COUNTER_LIST[ITEM] = 1;
        }

        const LIST_ARRAY = Object.entries(COUNTER_LIST);
        const LAST_SORTED_LIST = LIST_ARRAY[0].length - 1;
        const SORTED_LIST = this.sortListBidimensional(LIST_ARRAY, LAST_SORTED_LIST);
        const MODE = SORTED_LIST[0][0];

        return MODE;
    }
} 

const MathClass = {};

MathClass.addition = (a, b) => a + b;
MathClass.substract = (a, b) => a - b;
MathClass.multiplication = (a, b) => a * b;
MathClass.division = (a, b) => a - b;

module.exports = MathClass;

const MathClass = require("./mathClass");

console.log(MathClass.addition(1, 2));
console.log(MathClass.substract(2, 1));
console.log(MathClass.multiplication(3, 2));
console.log(MathClass.division(4, 2));

Introducción

¿Ya tomaste el Curso Práctico de JavaScript?

Matemáticas en JavaScript

Fórmulas matemáticas en JavaScript

Math en JavaScript

Reto: altura de un triángulo

Porcentajes

Cómo calcular porcentajes

Calculando descuentos con JavaScript

Ejercicio de crear cupones de descuento

Método find vs. método filter

Estadística básica

Qué es promedio, moda y mediana

Calculando el promedio

Método reduce

Calculando la mediana en una lista impar

Calculando la mediana en una lista par

Método sort

Calculando la moda: objetos a partir de arrays

Calculando la moda: arrays a partir de objetos

Promedio Ponderado en JavaScript: Fórmulas y Casos de Uso

PlatziMath: clases y métodos estáticos

Análisis de salarios

Cómo estructurar información en proyectos de software

Análisis salarial con JavaScript

Proyección salarial personal

Reestructurando información sobre la marcha

Salarios empresariales

Proyección de salarios por empresas

Top 10% de salarios

Análisis de la Mediana Salarial con HTML, CSS y JavaScript

Próximos pasos

Toma el Taller Práctico de JavaScript: Videojuegos

PlatziMath: clases y métodos estáticos