¿Cuántos kms corre una persona en promedio? Entendiendo el ciclo for

Clase 6 de 51 • Fundamentos de JavaScript 2017

Resumen

JavaScript nos permite ejecutar cierto código una cantidad de veces definida, por ejemplo podemos recorrer un array con un ciclo:

const dias = ['lunes','martes','miércoles','jueves','sábado','domingo']

for (let i=0; i < dias.length; i++) {
  console.log('dia: ', dias[i])
}

La construcción de for tiene tres valores

El iterador
La condición
Cómo cambia el iterador

Alejandro López Gutiérrez

student•

math.floor        //rendondea hacia abajo 3.9 = 3
math.ceil         //redondea para arriba 3.1 = 4
math.round     // redondea dependiendo 3.1 = 3, 3.5 = 4

Daniel Hidalgo

student•

math.quesadilla // redondea mi panza

Yomar Esteban Miranda Sarmiento

student•

Math.round() Redondea al entero más cercano.

David Santiago González Ramos

student•

1. Estructura ciclo for: Repetición de determinado códiga tantas veces como se cumpla la condición luego de cada iteración

for (variable iteradora; condicion ; iterción ) {
	Bloque de código a ejecutar si la condición se cumple
}

2. Métodos del objeto Math:
https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Math

Deiby Dayans Ramos Avila

student•

Les comparto mi solución un poco adaptada a un escenario con varios corredores:

const min = 5
const max = 15

const days = [
	'Lunes',
	'Martes',
	'Miércoles',
	'Jueves',
	'Viernes',
	'Sábado',
	'Domingo',
]

let runners = [
	{
		runnerName: 'Dayans',
		dailyRunnerDistance: [],
	},
	{
		runnerName: 'Sacha',
		dailyRunnerDistance: [],
	}
]

/*
	Generates daily random distances for runners
	@param runners Set of runners
	@return runners Runners with daily distances
*/
const distanceCompleted = (runners) => {

	const runnersQuantity = runners.length
	const daysQuantity = days.length

	for(let i = 0; i < runnersQuantity; i++){
		for(let j = 0; j < daysQuantity; j++){
			runners[i].dailyRunnerDistance[j] = Math.round(Math.random() * (max - min) + min)
		}
	}

	return runners
}

/*
	Shows information about daily and weekly kms completed by runners
	@param runners Set of runners
*/
const showResume = (runners) => {

	const runnersQuantity = runners.length
	const daysQuantity = days.length

	for(let i = 0; i < runnersQuantity; i++){
		let averageDistanceCompleted = 0
		for(let j = 0; j < daysQuantity; j++){
			let dailyDistance = runners[i].dailyRunnerDistance[j]
			averageDistanceCompleted += dailyDistance
			console.log(`El corredor ${runners[i].runnerName} corrio el dia ${days[j]} un total de ${dailyDistance}kms`)
		}
		console.log(`El corredor ${runners[i].runnerName} tiene un promedio semanal de ${(averageDistanceCompleted / daysQuantity).toFixed(2)}kms`)
	}
}

runners = distanceCompleted(runners)
showResume(runners)

Haikel Mustafá

student•

También puedes definir una clase corredores y hacer un .push con cada corredor a tu array

A2 D2

student•

para que muestre el numero del dia correctamente

console.log(`El dia ${i+1} es el ${dias[i]}`)

Robinson Ganchala

student•

Hola soy nuevo aquí, yo uso Visual Studio Code en Ubuntu 16.04.4 para programar, me parece bastante intuitivo. Otro aporte es el uso de las teclas rápidas que seguramente se puede usar en la mayoría de editores, en mi caso uso Ctrl + Shift + i para identar el código. Esta práctica resulta útil para tener el código ordenado.

Alexis Antonio Moraga Gallardo

student•

Hola les comparto mi repositorio en GitHub sobre este curso

Repositorio

Acá incluyo los ejercicios realizados en clase y mis notas personales

Emmanuel Sturla

student•

const dias = [
 		'lunes',
 		'martes',
 		'miercoles',
 		'jueves',
 		'viernes',
 		'sabado',
 		'domingo'
]```
para el que no tomo el curso de programación básica, esto se llama Array, y para el que ya lo sabia sirve para refrescar la memoria :)

Henry Alejandro Palacios Lemus

student•

¿Como hizo el profesor, para seleccionar las comillas dobles y cambiarlas todas al mismo tiempo a comillas simples?

Diego Forero

Team Platzi•

Con Ctrl + d seleccionas la siguiente ocurrencia, en este caso seleccionas la primera comilla doble y vas presionando Ctrl + d para ir seleccionando cada ocurrencia.

Henry Alejandro Palacios Lemus

student•

Muchas gracias!

Michael Bolaños Vargas

student•

Uso del punto y coma?

Diego Forero

Team Platzi•

En Javascript el uso del ; no es obligatorio, si usas linters, debes configurarlo para que no lo marque como error.

Michael Bolaños Vargas

student•

De toda la vida el punto y coma en JavaScript no es necesario?

Juan Diego Camacho Parra

student•

Saludos desde Colombía me gusto mucho este video.

Diego Carrera Carrera

student•

const	name = "Juan",
	dias = [
		'lunes',
		'martes',
		'miercoles',
		'jueves',
		'viernes']
function costoDeVenta (){
const min = 600,
		max = 5000;  
	return Math.round(Math.random() * (max - min)) + min}

function gananciaDeJuan (){
	const comiSion = 4
	const valorDelProducto = costoDeVenta ()
	return comiSion * valorDelProducto / 100}


for (let i = 0; i < dias.length; i++){
	const totalVentaJuan = costoDeVenta ()
	const comisionNetaJuan = gananciaDeJuan ()

console.log (`El día ${dias[i]}, ${name} vendió ${totalVentaJuan} y recibió una comisión de ${comisionNetaJuan}`)}

Nicolas Ticona Valdivia

student•

Math.floor() -> Devuelve el numero próximo menor entero o igual
*0.99 = 0
*47.49 = 47
*2.0 = 2

Math.round() -> Redondea al valor del número más cercano
*0.48 = 0
*0.50 = 1

Math.ceil() -> Devuelve el mayor entero próximo al numero dado
*0.1 = 1
*0.99 = 1
* -3.12 = -3

Daniel Alberto Esquinazi

student•

Math.random() puede retornar el valor 0 pero no 1.

La función Math.random() retorna un punto flotante, un número pseudo-aleatorio dentro del rango [0, 1). Esto es, desde el 0 (Incluido) hasta el 1 pero sin incluirlo (excluido), el cual se puede escalar hasta el rango deseado.

Ignacio Esteban Aredez Diaz

student•

De nuevo insisto con felicitarte por el ejemplos dinamicos y utiles

Diego Burlando

student•

El bucle for es el bucle mas usado, sirve para recorrer arrays, consultar apis, para recorar strings y mucho mas…

sintaxis:
for( var i = 0; i > 10; i++){

condicion que se realiza por ciclo.
}

Emmanuel Rangel Jiménez

student•

¿Cómo selecciono automáticamente un mismo string? desde minuto 01:25 se ve.

Diego Forero

Team Platzi•

En sublime text para windows o linux ctrl + d en mac cmd + d

Miguel Márquez Serrano

student•

Buena explicación del Math.random.

Diego Ivan Perdomo Leon

student•

const name = 'Diego';
const daysOfTheWeek = [
  'Lunes',
  'Martes',
  'Miercoles',
  'Jueves',
  'Viernes',
  'Sabado',
  'Domingo'
];

const lengthWeek = daysOfTheWeek.length;

function correr(){
  const numMin = 5;
  const numMax = 15;
  return Math.round(Math.random()*(numMax-numMin))+numMin;
}

let kmsTotal = 0;
for (var i = 0; i < lengthWeek; i++) {
  const kms = correr();
  kmsTotal += kms;
  console.log(`El día ${daysOfTheWeek[i]}, ${name} corrió ${kms}-kms`);
}

const average = kmsTotal/lengthWeek;
console.log(`En promedio, ${name} corrió ${average.toFixed(2)}-kms`);

Enrique Rojas Reyes

student•

muy util la funciones de round, pero para operaciones exactas ummmmmm nose

Yomar Esteban Miranda Sarmiento

student•

Math.random()//	=> Devuelve un número entre 0 y 1. 
Math.floor()//	=> Redondea un número entero hacia abajo. Ej: 3.7 = 3 
Math.round()//	=> Redondea al entero más cercano. 
toFixed()//		=> Sirve para indicar cuantas cifras decimales queremos mostrar de un número.```

¿Cuántos kms corre una persona en promedio? Entendiendo el ciclo for

Estamos renovando el Curso de Fundamentos de Javascript

¿Dónde aprender JS actualizado?

Bases del lenguaje

Bienvenido al curso

Calcula el área de un triángulo. Creando funciones

¿Quiénes pueden pasar a ver una película? Ejercicio con condicionales, expresiones y booleanos

Inventar un idioma manipulando strings

¿Cuántos kms corre una persona en promedio? Entendiendo el ciclo for

¿Quién gana en una pelea: Gokú o Superman? Resolviendo este problema con ciclos while

¿Cuánto tiempo pasó desde tu fecha de nacimiento?

Objetos en JavaScript

Calcular la distancia entre dos puntos - Objetos en JavaScript

Agrega métodos para mover los puntos - Objetos Avanzado en JavaScript

Definiendo la clase Punto - Prototipos en JavaScript

Definiendo la clase Punto - Object.create en JavaScript

Definiendo la clase Punto - Class en JavaScript

Conocimientos intermedios

Entiende el scope de las variables

Operaciones con arrays

Entiende los closures de JavaScript

Estructura del lenguaje

¿Quién es this?

This, _this y los arrow functions

La función bind

call y apply

ECMAScript 5, 2015, 2016, Babel y otros cuentos

ECMAScript: El estándar en el que se basa JavaScript

Babel al rescate: logrando la compatibilidad buscada

Distintas formas de escribir módulos en JavaScript

Procesos asíncronos

No generes un cuello de botella en el EventLoop

Los callbacks de JavaScript

Callback a un servidor externo

Promesas

Async-await

Implementación de set timeout en JavaScript

Implementación de set interval en JavaScript

Cancelando el Timeout y el Timeinterval

Qué son y cómo se implementan el callbacks en JavaScript

Eliminando el callback hell usando promesas en JavaScript

Estructuras de datos y funciones avanzadas

Funciones Recursivas

Memoizacion

Iteradores en JavaScript

Generadores en JavaScript

Estructuras de Datos Inmutables en JavaScript

Creando un paquete para NPM

Requisitos Técnicos

Creando nuestro paquete

Escribiendo el código de nuestro paquete

Testeando el paquete

Publicando el paquete en NPM

Juego de HTML

¿Qué vamos a construir?

Inicializando el juego

A una ronda le sigue otra ronda

Añadir una librería

Cierre del Curso

Desafíos

Crear un modulo para convertir medidas de peso

Crear un juego en HTML, tic tac toe

Crear un tutorial