Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Loops: For y For...of

15/22
Recursos

Aportes 408

Preguntas 98

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Los bucles pueden ejecutar un bloque de código varias veces. JavaScript admite diferentes tipos de bucles:

  • for - recorre un bloque de código varias veces

  • for/in - recorre las propiedades de un objeto

  • for/of - recorre los valores de un objeto iterable

  • while - recorre un bloque de código mientras se cumple una condición específica

  • do/while - también recorre un bloque de código mientras se cumple una condición específica

no tenia ni idea del for of

Clase número 15 y me preguntaba a quién me hace recordar Diego de Granda? hasta que derrepente… Diego “Chayanne” De Granda!

console.log(Hola, ${estudiante}); solo funciona con comillas invertidas `

alt+96 en teclado latino
por si a alguien le sirve, me atoré un poco en eso

Tengo experiencia desarrollando y olvide colocar el incremento en el for jajaja ciclo infinito.

Tuve que hacer un TOP y un KILL en consola para matar el proceso por que Chrome se congelo

Codigo:

for(i=0; i<=10; i++){
document.write(“Hola Queridos Compañeros de Platzi V:”+"<br>");
}

Cambiando el nombre del parámetro se me facilita.

var estudiantes = ["Maria", "Sergio", "Rosa", "Daniel"];

function saludarEstudiantes(alumno) {
    console.log(`Hola, ${alumno}`);
}
for(var alumno of estudiantes) {
    saludarEstudiantes(alumno);
}
Hola, Maria
Hola, Sergio
Hola, Rosa
Hola, Daniel```

¡Cuidado!
El video tiene un pequeño pase por alto que puede confundir a primerizos como yo.
En el primer ejemplo el manda a llamar la variable estudiante y no estudiantes, el cuál es el nombre simplemente del parametro.
En el segundo ejemplo se propone a estudiante como el singular de estudiantes… pero de hecho funciona con cualquier valor que se asigne y no obedece a la lectura o forma textual de la variable.
Es algo minimo y de mera apreciación pero me pareció importante compartirlo ya que se prodría asumir que al poner la palabra en singular es la forma en la que la función se ejecuta y no es así.
Comparto mi cod por si de algo sirve:

var Miembros = ["Luisa","Mayra","Hyves","Carol","Rafa","Paula","Alex","Piedad","Hernando"];

function saludar(Miembros){
    console.log(`Muy Buen día ${Miembros}`);
}

for( var MEM of Miembros){
    saludar(MEM);
}

Hola, me puede ayudar con dos preguntas, por favor.

  1. Por qué el parametro de la función es estudiante? puedo utilizar cualquier parametro que haga referencia al array?
  2. Qué función cumple el signo ¨$¨ en el string que él pone en el console.log?
var frutas = ["Manzana", "Pera", "Naranja", "Platano", "Uva"];

for (i = 0; i < frutas.length; i++) {
    console.log(`Indice ${i}: ${frutas[i]}`);
}

for (e of frutas) {
    console.log(`Elemento ${e}`);
}```

Y también existe el for in que básicamente, en lugar de darte el valor, te da la key del arreglo (u objeto) ^^

La segunda manera de usar el for me gusto mucho, la había visto en códigos pero no entendida como funcionaba, gracias a este video ahora lo se! 😄

Reto de la clase: Escribe un programa que muestre los números del 1 al 50, con las siguientes excepciones:

  • Para los múltiplos de 3 muestra la palabra “Fizz” en lugar del número.

  • Para los múltiplos de 5 muestra la palabra “Buzz” en lugar del número.

  • Para los múltiplos de 3 y 5 muestra la palabra “FizzBuzz” en lugar del número.

NOTA: EL ALGORTITMO DEBERA ESTAR EN UNA SOLA LINEA DE CODIGO.

Hola Platzinautas! 🚀
Apunte sobre las diferencias entre los loops for… in y for… of.

Encontre este articulo en el cual me parece interesante la explicacion y diferencia del loop for...of y for...in

for…of vs for…in Loops in JavaScript

Hola a todos, les recomiendo la extensión Code Runner de VSCode, que nos permite ejecutar el código de JavaScript directamente en nuestro editor de código y no llevarlo a la consola del navegador.
Espero les sirva.

speed x2 se entiendo mejor.

BUCLE FOR
Para iniciar un for, debe tomarse en cuenta 4 cosas:
🔷El init, que se ejecutará una vez cuando comience el ciclo. Aquí es donde normalmente inicializamos una variable y la usamos como contador de bucle, Aunque se puede ingresar cualquier fragmento de código.
🔷En segundo lugar, el condition. Esto lo que hará es comprobar si se cumple dicha condición en cada ejecución y seguirá repitiendo hasta que se vuelva falso.
🔷El increment se ejecutará después de cada ejecución del ciclo. Usualmente usamos esto para incrementar el contador de bucles, pero esto también puede ser cualquier fragmento de código o estar totalmente vacío.
🔷Finalmente, debe especificar el statements(código) para que se ejecute en bucles.

</* Sintaxis
for (INIT; CONDITION; INCREMENT) {
  STATEMENTS
}
*/

for (let i=0; i<10; i++) {
  console.log(i);
}>

|

Si alguien tenía la duda de como ser enter, sin que apareciera underfined. Es shift + enter. Y seguirán escribiendo el código. Por si alguien tenía duda.

var estudiantes = ["María", "Sergio", "Rosa", "Daniel"]

function saludarEstudiantes(estudiantes) {
  console.log(`Hola!, ${estudiantes}`);
}

//Forma 1
for (var i = 0; i < estudiantes.length; i++) {
  saludarEstudiantes(estudiantes[i]);
}

//Forma 2
for (var estudiante of estudiantes) {
  saludarEstudiantes(estudiante);
}```

También esta el For…in 😄

esta es la estructura de un for…of:

<for (const valor of objetoIterable) {
  console.log(valor);
}>

pueden encontrar mas información sobre for…of en esta pagina:

😮 For of un ciclo más sencillo de utilizar e implementar.

Segun he leido el for of es una forma más limpia de acceder a un objeto cuando está dentro de un Array

Hay que tener clara la utilidad de cada tipo de for, ya que he visto algunos comentarios que pueden generar confusión.

forEach… es un método de los arrays y requiere que se le pase como parámetro una función (estudiantes.forEach(miFuncion)).

for of… no trabaja con índices sino con los valores que están ubicados en cada posición del array, por eso trae directamente el nombre sin tener que usar la notación de [índice].

for in… sí trabaja con índices, simplemente repetirá el ciclo por cada elemento que haya en el array, pero habrá que usar la notación de [índice].

Les recomiendo usar codesanbox para realizar estos ejercicios… es un entorno de desarrollo completo en la nube, muy util para praticar, es comodo y facil de usar. abajo les dejo el link

link: https://codesandbox.io/

Recomiendo muchísimo este canal y esta serie de videos para entender mucho mejor estos temas

maxiprograma

También lo podríamos hacer con una sola línea de código utilizando map. Me imagino que lo veremos en otro curso con todo les dejo como sería.

var estudiantes = ["Maria", "Sergio", "Rosa", "Daniel"]
estudiantes.map(estudiante => console.log(`Hola ${estudiante}`))

¡Hola, compaeñeros!
Les comparto mi aporte.

loops: for y for of
FOR se utiliza para repetir una o más instrucciones un determinado número de veces. El FOR se suele utilizar cuando sabemos seguro el número de veces que queremos que se ejecute.

sintaxis de for: for (inicialización; condición; actualización) {
//sentencias a ejecutar en cada iteración
}
Ejemplo:

for… of : for…of ejecuta un bloque de código para cada elemento de un objeto iterable, como lo son: String, Array, objetos similares a array.
sintaxis de for… of : (variable de iterable) {
declaración
}
Ejemplo:

Loops o ciclos

for y for… of

Manera rapida y sencilla de como puede repetirse una tarea sin tener que hacerlo manualmente.
Todo esto sucede mientras la condicion es verdadera, cuando ya no lo es el ciclo se rompe.

<h5>Forma de ciclo</h5>
var estudiantes = ["Maria", "Sergio", "Rosa", "Daniel"];

//tarea que va a se nuestro loop, que saludará a los estudiantes
	function saludarEstudiantes(estudiante){
		console.log('Hola, ${estudiante}');
	}
	
	//For se divide en 3 pasos:
	//1. genero variable igual a cero
	//2. Variable mientras sea menor que el array estudiante
	//3. i se va a aumentar por un numero
	for(var i = 0; i < estudiantes.length; i++ ){
		saludarEstudiantes(estudiantes[i]); //imprime el array estudiante
	}
	
	
	//Otra forma de trabajar el for, recorrerlo por elemento
	for (var estudiante of estudiantes){
		saludarEstudiantes(estudiante);
	}
//Salida: hola, Maria
//		  hola, Sergio
//		  hola, Rosa
//		  hola, Daniel

El mismo ciclo funciona muy bien de manera mas corta, asi:

for (var i = 0; i < nombres.length ; i++){
    console.log(`hola, ${nombres[i]}`)
}

yo solito encontre esta solucion sin ayuda de nadien jejejej

var estudiantes = ["Maria", "Sergio", "Rosa"];

function saludarEstudiantes(estudiante){
	console.log(`Hola ${estudiante}`);
}


//forEach method
estudiantes.forEach(estudiante => saludarEstudiantes(estudiante));

//for in loop - itera sobre los indices del array

for(let estudiante in estudiantes){
	saludarEstudiantes(estudiantes[estudiante]);
}

//for-of - A diferencia de for-in este itera sobre los valores asignados a cada indice
for(let estudiante of estudiantes){
	saludarEstudiantes(estudiante);
}

hasta ahora me entero del FOR OF, muy simple y sencillo para recorrer arreglos.

Con este video entendí muy bien For Of y explican el For In también:
https://youtu.be/G0uvM98lmd8


let deseo = ["IA", "IoT", "Economía", "Biónica", "Programación", "Maljut", "Sabiduría"]

function myDesire(desire){
    console.log(`Soy Moisés y deseo: ${desire}.`)
}

for(let i = 0; i < deseo.length; i++){
    myDesire(deseo[i]);
}  

for (let i of deseo){
    myDesire(i);
}

Sinceramente la explicación del for…of me pareció algo confusa, así que les dejo lo que encontré por si están como yo y no entendieron muy bien esta función:

El for…of lo que hace es analizar cada cambio de un elemento, eso significa que:

  • Para las variables tipo String lo que hará será analizar cada cambio de caracter que tengamos en este (por ejemplo, si el string es “Platzi”, analizará primero la P, luego la l, luego la a y así sucesivamente)

  • Para las variables tipo Number lo que analizará será cada cambio de número (por ejemplo en el número 123 analizará primero el 1, luego el 2 y luego el 3)

  • Cada cambio de elemento dentro de un Array será analizado, como es el caso del ejemplo de la clase, analizará primero el elemento 1 del array, luego el 2 y así hasta pasar por cada elemento de este.

El for…of lo que hace es analizar cambio por cambio del elemento en cuestión y ejecutará la función dentro del loop hasta que el elemento deje de cambiar (en el ejemplo de Diego, quiere decir que dejará de analizarla cuando llegue al elemento 4 de nuestro array)

Espero esto les pueda ayudar y cualquier imprecisión no duden en comentarla.

Que buena la explicacion del profesor, me aclaro mucho lo de la (i) .

Alguien me puede explicar bien esto:
Hola, ${estudiante}
No entiendo como es que ‘estudiante’ contiene lo que está dentro de array.
Me ayudarían mucho.

Esta forma solo funciona dentro de un Array, ya que recorre de uno en uno el index del array desde la posicion 0 hasta n

// Hace el Loop dentro de un array y recorre el index
for(var estudiante of estudiante) {
    saludarEstudiantes(estudiante);
}```

Otra forma de hacerlo

var estudiantes = ["maria", "pedro", "Raul", "Catalina", "Jaime"];

function saludar(estudiante) {
  console.log(`Hola ${estudiante}`);
}

for (e in estudiantes) {
  this.saludar(estudiantes[e])
}```

Por si acaso, para poner este tipo de comillas es con los botones:

ALT GR + }

console.log(`Hola ${familiar}`);

La verdad yo no lo encontre de una, ojala les ayude 😅😅😅

Genere la lista al revés, pero me genera que la primera persona es "undifined"
como podria solucionar esto?

var estudiante = ["Maria", "Sergio", "Rosa", "Daniel"]
var negativo = -1
function saludarEstudiantes(estudiante)
{
    console.log(`Hola,${estudiante}`)
}

for(var i = estudiante.length; i  <= estudiante.length && i != negativo ; i--)
//Mientras y sea menor a la longitud de estudiantes
{
    saludarEstudiantes(estudiante[i])
}```

Cuando un bucle for se ejecuta, ocurre lo siguiente:

  1. La expresión de inicialización expresionInicial, si existe, se ejecuta. Esta expresión habitualmente inicializa uno o mas contadores del bucle, pero la sintaxis permite una expresión con cualquier grado de complejidad. Esta expresión puede también declarar variables.
  2. Se evalúa la expresión condicion. Si el valor de condicion es true, se ejecuta la sentencia del bucle. Si el valor de condicion es false, el bucle for finaliza. Si la expresión condicion es omitida, la condición es asumida como verdadera.
  3. Se ejecuta la sentencia. Para ejecutar múltiples sentencias, use un bloque de sentencias ({ … }) para agruparlas.
  4. Se ejecuta la expresión expresionIncremento, si hay una, y el control vuelve al paso 2.

https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Bucles_e_iteración

Entendido

var estudiantes = ['Ana Maria', 'Isabela', 'Diana', 'Andres', 'DBZ'];

function saludEstudiantes(estudiante) {
    console.log(`Buenos dias ${estudiante}, feliz dia!!!!`);
}

for (var estudiante1 of estudiantes) {
    saludEstudiantes(estudiante1);
}

for (var i = 0; i < estudiantes.length; i++) {
    saludEstudiantes(estudiantes[i]);
}

Aquí mi transcripción de la clase.

var students = ["Maria", "Sergio", "Rosa", "Daniel"];

function greetStudents(student) {
    console.log(`Hello ${student}`);
}

// For classic
for (var i = 0; i < students.length; i++) {
    greetStudents(students[i]);
}

// type For of loop
for (var student of students) {
    greetStudents(student);
}

Hola, si cada saludo necesito guardarlo en un nuevo array podria usar .push()? No se si mi sintaxis esta bien utilizada

 var estudiantes = ["Maria", "Jesus", "Juan", "Jose", "Kelly", "Mateo"]

function saludar (estudiante){
	console.log(`Hola, ${estudiante}`);
}

for(var i=0;i<estudiantes.length;i++){
	var saludo = [];
	saludo.push(saludar(estudiantes[i]));
}

Agradezco la ayuda

var estudiantes = ["Maria", "Sergio", "Rosa", "Daniel"]; //array con 4 elementos

function saludarEstudiantes(estudiante) { //le asigno el valor de la variable singular
    console.log(`Hola, ${estudiante}`); //debe ser escrito en singular y con ` (Alt + 96)
} // Función de saludar a cada estudiante

//Geramos un ciclo mientras la variable sea menor a la longitud 
for(var i = 0; i < estudiantes.length; i++) {
    saludarEstudiantes(estudiantes[i]);
} //La variable i que empieza en 0 va a irse aumentado de uno en uno (++) mientras sea menor que la cantidad de valores del arrays


//Otra forma de hacerla

for (var estudiante of estudiantes) {
    saludarEstudiantes(estudiante);
} //En el arrays hablamos de plural y la variable se declara como singular convertido en el index de cada estudiante

muyyy bueno, pero hay alguna diferencia extraordinaria entre esos dos?
porque me el for of me parece mucho mejor y sencillo

falto explicar el foreach.

var frutas = ["Manzana", "Plátano", "Cereza", "Fresa"];

//push, agrega elementos al final de un array
frutas.push("Uvas", "Mango", "Kiwi");

//pop, elimina el último elemento de un array
frutas.pop();

//unshift, agrega elemento al principio
frutas.unshift("Pera","Piña", "Sandía");

//shift, elimina el primer elemento del array
frutas.shift();

var position = frutas.indexOf("Piña");

//1
for(var i = 0; i < frutas.length; i++)
{
    console.log(frutas[i]);
}

//2
for(var fruta of frutas)
{
    console.log(fruta);
}

//3
frutas.forEach(element => {
    console.log(element);
});```

Hola, a todos, em quisiera actualizar un fenomeno curioso que sucede cuando uso el código dentro de la función saludarEstudiantes , a mí no me imprime el resultado esperado sino que se imprime el código literal declarado dentro del console.log() el numero de veces establecidas dentro del loop for.

Yo lo solucioné con la concatenación de un string con la palabra en singular del array estudiante .

muy buen dato!
For in => Objects
For of => Arrays

para colocar las comillas `` de " (Hola, ${estudiante}) " en windows es con la combinacion de teclas AltGr + corchete derecho

Aportazo sobre for

The For Loop
El bucle for tiene la siguiente sintaxis:

for (statement 1; statement 2; statement 3) {
  // code block to be executed
}
  • La instrucción 1 se ejecuta (una vez) antes de la ejecución del bloque de código.
  • La instrucción 2 define la condición para ejecutar el bloque de código.
  • La instrucción 3 se ejecuta (cada vez) después de que se haya ejecutado el bloque de código.

Declaración 1
Normalmente usará la instrucción 1 para inicializar la variable utilizada en el ciclo (i = 0).
Este no es siempre el caso, a JavaScript no le importa. La declaración 1 es opcional.
Puede iniciar muchos valores en la instrucción 1 (separados por comas):

for (i = 0, len = cars.length, text = ""; i < len; i++) {
  text += cars[i] + "<br>";
}

Y puede omitir la declaración 1 (como cuando sus valores se establecen antes de que comience el ciclo):

var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
  text += cars[i] + "<br>";
}

Declaración 2

  • A menudo, el enunciado 2 se usa para evaluar la condición de la variable inicial.
  • Este no es siempre el caso, a JavaScript no le importa. La declaración 2 también es opcional.
  • Si la declaración 2 devuelve verdadero, el ciclo comenzará nuevamente, si devuelve falso, el ciclo finalizará.
  • Si omite la declaración 2, debe proporcionar un descanso dentro del ciclo. De lo contrario, el ciclo nunca terminará. Esto bloqueará su navegador.

Declaración 3

  • A menudo, la instrucción 3 incrementa el valor de la variable inicial.
  • Este no es siempre el caso, a JavaScript no le importa y la declaración 3 es opcional.
  • La declaración 3 puede hacer algo como incremento negativo (i–), incremento positivo (i = i + 15) o cualquier otra cosa.
  • La declaración 3 también se puede omitir (como cuando incrementa sus valores dentro del ciclo):
var i = 0;
var len = cars.length;
for (; i < len; ) {
  text += cars[i] + "<br>";
  i++;
}

No entendí For of -.-

Yo hice esto:

var comidas=['Tacos','Sopa','Bisteck','Sopes']; 

function mencionarComidas(comida) {
    console.log(`Quiero, ${comida}`);
}

for (var i=0;i<comidas.length; i++) {
    mencionarComidas(comidas[i]);
}

Una tercera opción para recorrer el array podría ser:

//Opción 3
users.forEach(user => {
    saludar(user);
});

Resumen

Loops: While

La estructura de while es diferente a for ya que funciona de una forma diferente.

Vamos a utilizar el mismo contexto y ejemplos que en la clase de for.

var estudiantes = ["Maria", "Sergio", "Rosa", "Daniel"]

function saludarEstudiantes (estudiante){
console.log("Hola, ${estudiante}");
}

while es la palabra clave que vamos a usar para crear el ciclo.

Seguido de while usamos ( ), dónde irá nuestra condición. Mientras nuestra condición sea verdad el código seguirá iterando. En nuestro caso vamos a colocar estudiantes.length > 0 que implica que mientras el valor de la cantidad total de estudiantes sea mayor a 0 la sentencia debe cumplirse.

Luego en la sentencia (entre { }) llamamos la variable estudiante (singular) y declaramos que vaya eliminando del Array los elementos que ya haya iterado utilizando .shift().

Después llamamos la función con el parámetro estudiante donde se almacena la información extraída del Array estudiantes en cada iteración.

El console.log lo utilizamos para ver paso por paso el funcionamiento de while.

Así se escribe:

while(estudiantes.length > 0){
	console.log(estudiantes);
	var estudiante = estudiantes.shift();
	saludarEstudiantes(estudiante);
}

Al ejecutar el código:

//El resultado sería
(4) ["Maria", "Sergio", "Rosa", "Daniel"]
Hola, María
(3) ["Sergio", "Rosa", "Daniel"]
Hola, Sergio
(2) ["Rosa", "Daniel"]
Hola, Rosa
["Daniel"]
Hola, Daniel

En el último Ciclo como estudiantes.lenth alcanzó el valor 0 y la condición se rompe entonces el código se detiene.


IMPORTANTE

Hay que tener en cuenta de no crear un código que itere de forma infinita debido a que ésto puede provocar que se congele el navegador.


Con const y let

const estudiantes = [ 'Maria', 'Sergio', 'Rosa',  'Guada' ]; 

function saludarEstudiante(estudiante) {
    console.log(`Hola, ${estudiante}`);
}

for (let estudiante of estudiantes) {
    saludarEstudiante(estudiante);
}

Utilizando la palabra in en vez de of logran que les devuelva el indice de cada elemento

Con:

for (let estudiante in estudiantes) 

Resultado

0 // Maria
1 // Sergio
2 // Rosa
3 // Daniel

Como sacar el acento grave o `

console.log(`Hola, ${estudiante}`);

Aquí mis notas de lo aprendido en esta lección

quiero compartir este video que ojala les sea utiil. loop for.
https://www.youtube.com/watch?v=h6kJT_CeWLQ

Mi pequeno bebe. :3

var DiasSemanas = ["Lunes", "Martes", "Miercoles", "Jueves", "Viernes"];
function imprimirDias (dias){
console.log(`hola, ${dias}`);
}
for ( var i = 0; i < DiasSemanas.length; i++){
imprimirDias (DiasSemanas[i]);
}
var animales = ["perro", "gato", "cerdo", "gallo"];
function alimentarAnimales(alimentar){
console.log(`Alimentar, ${alimentar}`);
}
for (var alimentar of animales){
alimentarAnimales(animales);
}

El bucle for
El bucle for es más complejo, pero también el más usado.
El for bucle tiene la siguiente sintaxis:

<
for (begin; condition; step) { // (comienzo, condición, paso)
  // ... cuerpo del bucle ...
}
> 

La instrucción 1 (begin)=> se ejecuta (una vez) antes de la ejecución del bloque de código.

La declaración 2 (condition) => define la condición para ejecutar el bloque de código.

La instrucción 3 (step) => se ejecuta (cada vez) después de que se haya ejecutado el bloque de código.
Cualquier parte de for puede ser omitida.

Por ejemplo, podemos quitar cualquier parte o todo si no necesitamos, creando un bucle infinito.

Como aquí:

<
for (;;) {
  // se repite sin limites
}
> 

Loops: For y For…of

for - recorre un bloque de código varias veces

for/in - recorre las propiedades de un objeto

for/of - recorre los valores de un objeto iterable

while - recorre un bloque de código mientras se cumple una condición específica

Cabe destacar que aparte del for of tambien tenemos el forIn( que lo que hace es devolver la posicion) con el forOf traemos el valor del array

dos puntos por terminar de ver el video :v

Hola estoy super emocionado JAJAJA me puse a jugar y practicar con todo lo que vi en clases anteriores y cree un codigo para que me diga si mi comida semanal es saludable o no.

se los comparto 💚

var comidas = ["ensalada", "verduras", "pollo asado", "pizza", "hamburguesa", "pollo cocido"]

function comidaSemanal (comida){
    if (comida == "pizza"){
        console.log(`tu comdia ${comida} no es saludable andy come mejor`)
    }else if (comida == "hamburguesa"){
        console.log(`tu comdia ${comida} no es saludable andy come mejor`)
    }else{
        console.log(`tu comida ${comida} es saludable andy super sigue asi`)
    }
}

for (var comida of comidas){
    comidaSemanal(comida)
}

Wow! que coincidencia hace unos dias estaba haciendo un proyecto y queria hacer algo parecido a lo que hace diego en la clase y no sabia como hacerlo asi que suspendi el proyecto y segui estudiando en el curso y justo ese mismo dia me tocaba ver esta clase y me sirvio demasiado

Muchas gracias Diego!

hubiese sido bueno que expliquen el forEach también

var estudiantes = ["pedro", "paco", "luis"];
function saludarEstudiantes(estudiante){
    console.log(`Hola, ${estudiante}`);
}
estudiantes.forEach(saludarEstudiantes);

Ref: https://www.w3schools.com/jsref/jsref_foreach.asp

Creo que es bueno que desarrollemos nuestros propios ejemplos.

En mi caso hice uno con verduras.

  1. Primero creo mi array con 5 verduras.
var verdura = ["zapallo", "apio", "tomate", "papa", "cebolla"];
  1. Luego declaro la función que hará la tarea a repetir en mi loop.
function comprarVerdura(item){
    console.log("No te olvides de comprar " + item)
};
  1. Finalmente creo mi loop FOR.
for(i=0; i<verdura.length; i++){
comprarVerdura(verdura[i])
};
  1. Obtengo el resultado en consola:
No te olvides de comprar zapallo
No te olvides de comprar apio
No te olvides de comprar tomate
No te olvides de comprar papa
No te olvides de comprar cebolla

BONUS:

El punto 3 se puede cambiar por un loop FOR OF de la siguiente manera. Obtendré el mismo resultado pero es más breve el código:

for(item of verdura){
    comprarVerdura(item)
};

Otra forma de usar un for, aunque es más complejo ya que usa algo llamado lambda pero es muy parecido al for of.

var personas = ["Katherine", "Jack", "Liliana", "Jimmy"];
personas.forEach(persona => console.log(`Hola, ${persona}`));

var estudiantes = [“Yesie”, “Pato”, “Lourdes”, “Alberto”,];

function saludarEstudiantes(estudiante){
console.log(“Bienvenido,” +estudiante + “”);
}

for (var i = 0; i < estudiantes.length; i++){
saludarEstudiantes(estudiantes[i]);
}


tome la respuesta de una pregunta por ahí, no me resultó con el simbolo “$”

Excelente, muy intuitivo!!

El ciclo for se utiliza para repetir una o más instrucciones un determinado número de veces. De entre todos los ciclos, este se suele utilizar cuando sabemos seguro el número de veces que queremos que se ejecute. La sintaxis del bucle for se muestra a continuación.

const heroes = ["Batman", "Superman", "Mujer Maravilla", "Aquaman"];

// Este es el for tradicional
for (let i = 0; i < heroes.length; i++) {
    console.log(heroes[I]);
}

De este ciclo se desprenden otros tres, que parten del mismo principio del for.

  1. for ... in → Este ciclo itera sobre todos los elementos de un objeto, en un orden arbitrario. Para cada uno de los elementos se ejecuta la sentencia especificada.

    for ( let i in heroes ) {
        console.log( heroes[i] );
    }
    

    Con este ciclo también se puede recorrer objetos, haciendo uso de la siguiente sintaxis:

    // Objeto a recorrer
    const automovil = {
        modelo  : 'Camaro',
        motor   : 5.1,
        anio    : 1979,
        marca   : 'Chevrolet'
    }
    
    for ( let auto in automovil ) {
        console.log(`${auto}: ${automovil[auto]}`);
        // El ${auto} imprime las llaves del objeto y el ${automovil[auto]} imprime el valor 
    }
    
    console.log(automovil);
    
  2. for ... of → Este ciclo ejecuta un bloque de código para cada elemento de un objeto iterable, como lo es un arreglo.

    for (let heroe of heroes) {
        console.log(heroe);
    }
    
  3. forEach() → En este se ejecuta la función indicada una vez por cada elemento en el array.

    // Arreglo a recorrer
    const pendientes = ["Tarea", "Comer", "Proyecto", "Aprender JavaScript"];
    
    // Recorrer el arreglo con forEach
    pendientes.forEach((pendiente, index) => {
        console.log(` ${index}: ${pendiente}`);
    });
    
let estudiantes = ["Victor", "Gabriel", "Lazaro", "Diego", "Axel"];

for (i = 0; i < estudiantes.length; i++){
    console.log(`Hola alumno ${estudiantes[i]} `);
}
//El for of es bueno para los arrays, es casi lo mismo que un for
for (const estudiante of estudiantes) {
    console.log(`Hola alumno ${estudiante}`);
}

for (var i=0; i < estudiantes.length; i++): Desde i = 0 hasta i z longitud del array (Aumentando i en 1 cada vez), ejecuta el siguiente código

for (x of estudiantes): Para cada x (posición) del array estudiantes, ejecuta el siguiente código.

Ese for of es una forma muy similar a manejar el for en python

El for of funciona como el for each o for in que hemos visto en otros lenguajes…

Super buena explicación.

Muy bien explicado, me gusta la forma como enseña este profesor; todo queda muy claro rápidamente.

En el curso de V8, @degranda explica qué significa Stackoverflow! Jaja deberian investigar…

Vaya no conocía a for … of

muy buena explicacion

Qué bueno el for of, no lo conocía !

muy interesante este tema, soy nuevo en JS

¡Mucho por aprender!

  • Me gusto mucho como explico Freddy el concepto de for
JavaScript Básico
for(var i = 0; i < estudiantes.length; i++)

Programación Básica
for (L = 0; L < líneas; L++);
     1         2       3
 
Que traducido significa

El Ciclo "for" son 3 parámetros separados por ";" 
1) Variable itereadora 
2) Condición
3) Introducción de que sucederá cada lamp (vuelta)

practicando:

var frutas = [“Manzanas”, “Platanos”, “Peras”];

function listaDeFrutas(fruta){
console.log(comprar 1kg de ${fruta});
}

for(var i = 0; i < frutas.length; i++){
listaDeFrutas(frutas[i]);
}

var estudiantes = [“Pepito”, “Pepas”, “Pepon”, “Pepin”]

function saludarEstudiantes(estudiante){
console.log(Hola,${estudiante});
}

for(var i = 0; i < estudiantes.length; i++){
saludarEstudiantes(estudiantes[i]);
}

Aqui dejo el resumen de la clase.

Yo le entendí de esta manera, espero le sirva a alguien

Gracias a los comentarios pude entender mejor como funciona el parametro dentro de la función!!

me gusta mas el foreach de laravel, aqui no esta? no confunde como este en el orden de indice y aparte se elige el index si uno quiere

For/ of : se tiene que inicializar una variable en singular de nuestro arrays, mientras sigue existiendo elementos de nuestra red plural se va a seguir generando la tarea.

cómo detengo que el for siga iterando los demás valores al pasar por un elemento que tiene un string "María"

no entendi mucho el for of…

Hola chicos!
A continuación les dejo mi aporte donde realizo el console.log desde la termonal de VSCode, donde a mi parecer es más facil de manipular y ademas la función que el Profe esta usando se llama “Arrow Function” y no se muestra completa…
Saludos! @teffidev