PlatziMath: clases y métodos estáticos

Clase 21 de 30 • Taller Práctico de JavaScript: Matemáticas y Estadística Básica

Clase anteriorSiguiente clase

Rubén Ernesto Aragón Gil

student•

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

student•

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

student•

Noooo!! Aquí estamos xD

Sergio Paredes

student•

Si es cierto, en este curso solo hay unos cuantos

Axel Enrique Galeed Gutierrez

student•

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

student•

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

Axel Enrique Galeed Gutierrez

student•

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

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

Orlando Rodriguez

student•

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

Juan David Reyes

student•

También solo con ALT :3

Édison Chica Álvarez

student•

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

student•

JavaScript siendo JavaScript

Marcia Hernández

student•

**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

student•

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

JERSSON ARLEY OSMA CIFUENTES

student•

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

student•

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

Alejandro Ramos

student•

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

student•

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

student•

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

student•

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

student•

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

Franco Moreira

student•

💪💪💪💪💪💪💪💪🚀

Bruno Rosso

student•

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

student•

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

willy jaramillo

student•

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

Osvaldo Paz

student•

Exelente clase, hace las cosas mas simple.

PlatziMath: clases y métodos estáticos

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

Playground: Calcula la Altura de un Triángulo Escaleno

Porcentajes

Cómo calcular porcentajes

Calculando descuentos con JavaScript

Ejercicio de crear cupones de descuento

Método find vs. método filter

Playground: Encuentra el ID

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

Playground: Transforma Objetos en Arrays

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