Máster en Programación FullStack con JavaScript y Node.js

JS, Node.js, Frontend, Backend, Firebase, Express, Patrones, HTML5_APIs, Asincronía, Websockets, Testing

Clase 8

Números

Propiedades

Notación científica

.MAX_VALUE() El número más grande representable (1.7976931348623157e+308):

   var numero1 = 1.7976931348623157e+308;
   var numero2 = 1.7976931348623157e+310;
   
   function verificarValorMaximo(num){
   
   	if (num <= Number.MAX_VALUE) {
   	  console.log("El número no es infinito");
   	} else {
   	  console.log("El número es infinito");
   	}
   	
   }
   
   verificarValorMaximo(numero1);
   verificarValorMaximo(numero2);

.MIN_VALUE() El número más pequeño representable (5e-324):

   var numero1 = 5e-323;
   var numero2 = 5e-326;
   
   function verificarValorMinimo(num){
   
   	if (num >= Number.MIN_VALUE) {
   	  console.log("El número no es infinito");
   	} else {
   	  console.log("El número es infinito");
   	}
   	
   }
   
   verificarValorMinimo(numero1);
   verificarValorMinimo(numero2);

.NEGATIVE_INFINITY() El valor negativo de la propiedad del objeto global Infinity:

    var numeroMinimo = (-Number.MAX_VALUE) * 2
    console.log(numeroMinimo);
    
    if (numeroMinimo === Number.NEGATIVE_INFINITY) {
     numeroMinimo = 0;
    }
    console.log(numeroMinimo);

.NaN() Not A Number:

    NaN === NaN;        // false
    Number.NaN === NaN; // false
    isNaN(NaN);         // true
    isNaN(Number.NaN);  // true

.POSITIVE_INFINITY() Representa el infinito positivo:

    var numeroMaximo = Number.MAX_VALUE * 2
    console.log(numeroMaximo);
    
    if (numeroMaximo === Number.POSITIVE_INFINITY) {
     numeroMaximo = 0;
    }
    console.log(numeroMaximo);

Métodos:

.toExponential() Devuelve una cadena con el valor número en formato de potencia:

    var numObj = 77.1234;
    
    console.log(numObj.toExponential());  // 7.71234e+1
    console.log(numObj.toExponential(4)); // 7.7123e+1
    console.log(numObj.toExponential(2)); // 7.71e+1
    console.log(77.1234.toExponential()); // 7.71234e+1

.toFixed() Devulve un numero con decimales:

    var numObj = 12345.6789;
    
    numObj.toFixed();       //'12346' redondeo
    numObj.toFixed(1);      //'12345.7'
    numObj.toFixed(6);      //'12345.678900' Se añaden ceros en caso necesario
    (1.23e+20).toFixed(2);  //'123000000000000000000.00'
    (0).toFixed(2);         //'0.00'
    2.34.toFixed(1);        //'2.3' redondeo
    -2.34.toFixed(1);       //-2.3 Numeros negativos no son devueltos como cadenas.
    (-2.34).toFixed(1);     //'-2.3' En caso de usar paréntesis se salta la limitación

.toLocaleString() Devulve una cadena con el valor numeral representado en lenguaje local:

    var numero = 3500;
    // En Local
    console.log(numero.toLocaleString()); // 3.500
    // En Árabe
    console.log(numero.toLocaleString('ar-EG')); // ٣٬٥٠٠
    // En Chino decimal
    console.log(numero.toLocaleString('zh-Hans-CN-u-nu-hanidec')); // 三,五〇〇

.toPrecision() Devuelve un numero precisado:

    var numero = 5.123456;
    
    console.log(numero.toPrecision());    // 5.123456
    console.log(numero.toPrecision(5));   // 5.1235
    console.log(numero.toPrecision(2));   // 5.1
    console.log(numero.toPrecision(1));   // 5
    console.log((1234.5).toPrecision(2)); // 1.2e+3 (En ocasiones )

.toString() Devuelve una cadena con el número en la base que determinemos:

    console.log((17).toString());     // '17'
    console.log((17.2).toString());   // '17.2'
    console.log((-0xff).toString(2)); // '-11111111'
    console.log((254).toString(16));  // 'fe'

.parseFloat() Devuelve un número décimal partiendo de una cadena:

    Number.parseFloat("3.14"); // 3.14
    Number.parseFloat("314e-2"); // 3.14
    Number.parseFloat("0.0314E+2"); // 3.14
    Number.parseFloat("3.14textos..."); // 3.14
    Number.parseFloat("1textos..."); //1

.parseInt() Devuelve un número entero en una base especifica o en base 10 partiendo de una cadena:

    parseInt(" 0xF", 16); // 15
    parseInt(" F", 16);  // 15
    parseInt("17", 8);  // 15
    parseInt(021, 8);  // 15
    parseInt("015", 10);  // 15
    parseInt(15.99, 10);  // 15
    parseInt("15,123", 10);  // 15
    parseInt("FXX123", 16);  // 15
    parseInt("1111", 2);  // 15
    parseInt("15*3", 10);  // 15
    parseInt("15e2", 10);  // 15
    parseInt("15px", 10);  // 15
    parseInt("12", 13);  // 15

Comparativas de rendimeinto interesantes

Math

Métodos:

.random() Devuelve un número aleatorio

    // Número aleatorio entre 0 (incluido) y 1 (excluido)
    Math.random(); 
    
    // Retorna un número aleatorio entre min (incluido) y max (excluido)
    Math.random() * (max - min) + min;
    Math.random() * (11 - 0) + 0;
    
    // Retorna un entero aleatorio entre min (incluido) y max (excluido)
    Math.floor(Math.random() * (11 - 0)) + 0;

.round() Devuelve el valor de un número redondeado al entero más cercano

    Math.round(20.5); // 21
    Math.round(20.49); // 20
    Math.round(-20.51); // -21

.Floor() Devuelve el máximo entero menor o igual a un número.

    Math.floor(20.5); // 21
    Math.floor(20.49); // 20
    Math.floor(-20.51); // -21

.max() retorna el mayor de cero o más números
```
    Math.max(valor1, valor2, valor3);
```
.min() retorna el menor de cero o más números
```
    Math.min(valor1, valor2, valor3);
```

Librerías:

Mathjs

Ejercicios

1 - Diseña un algoritmo que simula el lanzamiento de una moneda al aire e imprimir si ha salido cara o cruz.

    function azarMoneda() {

        var valor = Math.floor((Math.random() * 2) + 1);

        if (valor === 1){
            console.info("Ha salido Cara!!");
        } else {
            console.info("Ha salido Cruz!");
        }

    }

2 - Diseña un algoritmo que simula cien tiradas de dos dados y contar las veces que entre los dos suman 10.

    function azarDados() {

        var coincidencias = 0;

        for (var i = 0; i < 100; i++) {

            var dado1 = Math.floor((Math.random() * 6) + 1);
            var dado2 = Math.floor((Math.random() * 6) + 1);
            var tirada = dado1 + dado2;

            if (tirada === 10) {
                coincidencias++;
            }
        };

        console.info("El azar ... sumó 10 un total de " +coincidencias+ " veces")

    }

Dates

Librerías:

Dates.js
Momments.js
JQuery timeAgo
Livestamp.js

Metodos

Creando Fechas:

Fecha Actual:

    var ahora = new Date();
    console.log(ahora);

Usando milisegundos (desde el 1/1/1970 00:00):

    var diaDespues = new Date(3600*24*1000);
    console.log(diaDespues);

Usando cadenas de texto:

    var newYear = new Date("January 1, 2016 00:00:00");

Usando números:

    var newYear = new Date(2016, 1, 1); // AAAA, MM, DD
    var newYear = new Date(2016, 1, 1, 0, 0, 0); // AAAA, MM, DD, HH, MM, SS

Usando UTC:

    var newYear = new Date(Date.UTC(2016, 1, 1));

Getters:

Local

    var ahora = new Date();
    console.log("La fecha es " + ahora);
    console.log("==== FECHA ====");
    console.log("El año: " + ahora.getFullYear()); // 4 digitos
    console.log("El mes: " + ahora.getMonth()); // 0 - 11
    console.log("El día de la semana: " + ahora.getDay()); // 0 - 6 (D - S)
    console.log("El día del mes: " + ahora.getDate()); // 1-31
    console.log("==== HORA ====");
    console.log("Horas: " + ahora.getHours());
    console.log("Minutos: " + ahora.getMinutes());
    console.log("Segundos: " + ahora.getSeconds());
    console.log("Milisegundos desde 1/1/1970: "+ ahora.getTime());
    console.log("milisegundos: " + ahora.getMilliseconds());

UTC

    var ahora = new Date();
    console.log("Con UTC: ";
    console.log("==== FECHA ====");
    console.log("El año: " + ahora.getUTCFullYear()); // 4 digitos
    console.log("El mes: " + ahora.getUTCMonth()); // 0 - 11
    console.log("El día de la semana: " + ahora.getUTCDay()); // 0 - 6 (D - S)
    console.log("El día del mes: " + ahora.getUTCDate()); // 1-31
    console.log("==== HORA ====");
    console.log("Horas: " + ahora.getUTCHours());
    console.log("Minutos: " + ahora.getUTCMinutes());
    console.log("Segundos: " + ahora.getUTCSeconds());
    console.log("milisegundos: " + ahora.getUTCMilliseconds());

Setters:

Local

    var newYear = new Date(Date.UTC(2016, 1, 1));
    console.info("La fecha es " + newYear);
    
    newYear.setFullYear(1980); // Pasamos a 1980
    console.info("La fecha es " + newYear);
    
    newYear.setDate(56); // 1 Enero + 56 Días
    console.info("La fecha es " + newYear);
    
    newYear.setUTCMilliseconds(1500); // 1500ms en formato UTC
    console.info("La fecha es " + newYear);
    
    newYear.setUTCHours(36); // le sumamos 36 horas
    console.info("La fecha es " + newYear);
    
    newYear.setMonth(-6); // le quitamos 6 meses
    console.info("La fecha es " + newYear);

Otros: -.getTimezoneOffset() Devuelve la diferencia entre tu zona horaria y UTC (en minutos)

    ahora.getTimezoneOffset();

-.toString(), .toDateString(), .toTimeString() Devuelve una cadena con la fecha

    ahora.toString(); // Fecha y Hora
    ahora.toDateString(); // Solo Fecha
    ahora.toTimeString(); // Solo Hora

-.toUTCString(), .toISOString() Devuelve una cadena con la fecha en formatos específicos

    ahora.toISOString(); // UTC
    ahora.toUTCString(); // ISO

-..toLocaleString() Devuelve una cadena con la fecha en version local.

    
    var ahora = new Date();
    console.info(ahora.toLocaleString());
    
    // Código de idioma IETF para Alemán
    console.info(ahora.toLocaleString("de-DE"));
    
    // Opciones Avanzadas para fechas
    var opciones = { 
    weekday: 'long',
    year: 'numeric', 
    month: 'long', 
    day: 'numeric'};
    console.log(ahora.toLocaleString("de-DE", opciones));

-.getTimezoneOffset() Devuelve la diferencia entre tu zona horaria y UTC (en minutos)

    ahora.getTimezoneOffset();

Tiempo transcurrido:

    var inicio = new Date();
    // + código
    var fin = new Date();
    var transcurso = fin.getTime() - inicio.getTime();
    console.info("Pasaron "+transcurso+"ms");

Ejercicios

3 - Nivel Medio ♠️ Diseña un script que confirme si una fecha es valida y además devuelva la fecha en dos formatos diferentes.

Características:
- El usuario introduce tres números (día, mes, año) usando una función.
- Validar la fecha. En caso de error incluir un mensaje informativo.
- Después de validar, devolvemos la fecha en formato DD/MM/AAAA
- Convertimos el número del mes, en el nombre del mes real y devolvemos la fecha en el siguiente formato ( DD de MES de AAAA)
Solución 1:

	// Opcion 1
	function verificadorDeFechas (day, month, year) {
		// Opcion 1
		var fecha = new Date(year, month-1, day);

		if (fecha.getFullYear() === year){
			var opciones = { 
			    weekday: 'long',
			    year: 'numeric', 
			    month: 'long', 
			    day: 'numeric'
			};
			var fechaFormato = fecha.getDate() + "/" + (fecha.getMonth()+1) +"/"+ fecha.getFullYear(); 
			
			console.info("La fecha es correcta", fechaFormato);
			console.info("La fecha en otro formato: ", fecha.toLocaleString("es-ES", opciones));
 
		} else {
			console.warn("Error! los datos no son correctos!");			
		}
	}

Solución 2:

	function verificadorDeFechas (day, month, year) {
		var fechaDetalle,
		fecha = day + "/" + month + "/" + year;

		if(day <= 31 && day > 0 && month <=12 && month > 0 && year >= 0){
			console.info("La fecha es correcta", fecha);

			switch (month) {
				case 1:
					fechaDetalle = day + " de Enero de " + year;
					break;
				case 2:
					fechaDetalle = day + " de Febrero de " + year;
					break;
				case 3:
					fechaDetalle = day + " de Marzo de " + year;
					break;
				case 4:
					fechaDetalle = day + " de Abril de " + year;
					break;
				case 5:
					fechaDetalle = day + " de Mayo de " + year;
					break;
				case 6:
					fechaDetalle = day + " de Junio de " + year;
					break;
				case 7:
					fechaDetalle = day + " de Julio de " + year;
					break;
				case 8:
					fechaDetalle = day + " de Agosto de " + year;
					break;
				case 9:
					fechaDetalle = day + " de Septiembre de " + year;
					break;
				case 10:
					fechaDetalle = day + " de Octubre de " + year;
					break;
				case 11:
					fechaDetalle = day + " de Noviembre de " + year;
					break;
				case 12:
					fechaDetalle = day + " de Diciembre de " + year;
					break;
			}

			console.info("La fecha en otro formato: ", fechaDetalle);

		} else {
			console.warn("Error! los datos no son correctos!");
		}

	}

`Nivel Avanzado` ♦️ El truco de las fechas

Usar getters para modificar fechas (días, meses, etc...)

Nota: Partiendo del ejemplo de MDN

sin getters

	var theBigDay = new Date(1962, 6, 7);
	theBigDay.toLocaleString(); // 6/7/1962 23:00:00
	
	var theBigDay = new Date(1962, 6, 7);
	theBigDay.setDate(24);
	theBigDay.toLocaleString() // 23/7/1962 23:00:00
	
	var theBigDay = new Date(1962, 6, 7);
	theBigDay.setDate(32);
	theBigDay.toLocaleString() // 31/7/1962 23:00:00
	
	var theBigDay = new Date(1962, 6, 7);
	theBigDay.setDate(22);
	theBigDay.toLocaleString() // 21/7/1962 23:00:00
	
	var theBigDay = new Date(1962, 6, 7);
	theBigDay.setDate(22 + 32 +24);
	theBigDay.toLocaleString() // 15/9/1962 23:00:00

con getters

	var theBigDay = new Date(1962, 6, 7);
	theBigDay.toLocaleString(); // 6/7/1962 23:00:00
	
	var theBigDay = new Date(1962, 6, 7);
	theBigDay.setDate(theBigDay.getDate() + 24);  
	theBigDay.toLocaleString(); // 30/7/1962 23:00:00
	
	var theBigDay = new Date(1962, 6, 7);
	theBigDay.setDate(theBigDay.getDate() + 32);
	theBigDay.toLocaleString(); // 7/8/1962 23:00:00
	
	var theBigDay = new Date(1962, 6, 7);
	theBigDay.setDate(theBigDay.getDate() + 22);
	theBigDay.toLocaleString(); // 28/7/1962 23:00:00
	
	var theBigDay = new Date(1962, 6, 7);
	theBigDay.setDate(theBigDay.getDate() + 22 + 32 + 24);
	theBigDay.toLocaleString(); // 22/9/1962 23:00:00

Ejercicios

4 - ¿Que fecha será dentro de 30 días?

	var ahora = new Date();
	console.log("Hoy es " + ahora.toLocaleString());
	ahora.setDate(ahora.getDate() + 30);
	console.log("En 30 días será " + ahora.toLocaleString());

5 - ¿Cuantas horas han pasado desde que emepezó este master? y... ¿en días?

	var inicio = new Date(2018, 10, 3, 19, 0, 0);
	console.log("Fecha de inicio: " + inicio.toLocaleString());
	var ahora = new Date();
	console.log("Fecha actual: " + ahora.toLocaleString());
	var diferencia = ahora - inicio;
	    
	var segundos = Math.floor( diferencia / 1000);
	var horas = Math.floor( diferencia / ( 60 * 60 * 1000 ) );
	var minutos = Math.floor( diferencia / ( 60 * 1000 ) );
	var dias = Math.floor( diferencia / ( 24 * 60 * 60 * 1000 ) );
	
	console.log("Han pasado " + diferencia +"ms");
	console.log("Han pasado "+ segundos +" segundos.");
	console.log("Han pasado "+ minutos +" minutos.");
	console.info("Han pasado "+ horas +" horas.");
	console.info("Han pasado "+ dias +" días.");

6 - ¿Cuantos milisengundos quedan para terminar el master? y... ¿en horas o días?

	var fin = new Date(2019, 7, 1, 22, 0, 0);
	console.log("Fecha de finalización: " + fin.toLocaleString());
	var ahora = new Date();
	console.log("Fecha actual: " + ahora.toLocaleString());
	var diferencia = fin - ahora;
	    
	var segundos = Math.floor( diferencia / 1000);
	var horas = Math.floor( diferencia / ( 60 * 60 * 1000 ) );
	var minutos = Math.floor( diferencia / ( 60 * 1000 ) );
	var dias = Math.floor( diferencia / ( 24 * 60 * 60 * 1000 ) );
	
	console.log("Quedan " + diferencia +"ms");
	console.log("Quedan "+ segundos +" segundos.");
	console.log("Quedan "+ minutos +" minutos.");
	console.info("Quedan "+ horas +" horas.");
	console.info("Quedan "+ dias +" días.");

7 - ¿Que fecha será dentro de un año y 10 horas más?

	var ahora = new Date();
	console.log("Hoy es " + ahora.toLocaleString());
	ahora.setHours(ahora.getHours() + 10);
	ahora.setFullYear(ahora.getFullYear() + 1);
	console.log("En un año y 10 horas será " + ahora.toLocaleString());

8 - Imprimir por consola la fecha completa (formato texto) en koreano y japones.

	var ahora = new Date();
	
	var opciones = { 
	    weekday: 'long',
	    year: 'numeric', 
	    month: 'long', 
	    day: 'numeric'
	};
	
	console.log(ahora.toLocaleString("ko-KO", opciones));
	console.log(ahora.toLocaleString("ja-JA", { 
	    weekday: 'long',
	    year: 'numeric', 
	    month: 'long', 
	    day: 'numeric'
	}));

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

clase8.md

clase8.md

Máster en Programación FullStack con JavaScript y Node.js

JS, Node.js, Frontend, Backend, Firebase, Express, Patrones, HTML5_APIs, Asincronía, Websockets, Testing

Clase 8

Números

Math

Ejercicios

Dates

Ejercicios

`Nivel Avanzado` ♦️ El truco de las fechas

Ejercicios

Files

clase8.md

Latest commit

History

clase8.md

File metadata and controls

Máster en Programación FullStack con JavaScript y Node.js

JS, Node.js, Frontend, Backend, Firebase, Express, Patrones, HTML5_APIs, Asincronía, Websockets, Testing

Clase 8

Números

Math

Ejercicios

Dates

Ejercicios

Nivel Avanzado ♦️ El truco de las fechas

Ejercicios

`Nivel Avanzado` ♦️ El truco de las fechas