¿cual es la diferencia entre for…of y for…in?

Gracias por la pregunta que me hizo conocer el for of, ya que hasta el momento en mi poca practica con js sólo había usado for in que me enseñaron en su momento es el homologo de foreach de c#. Yo encontré éste enlace que dice lo mismo que elias pero un poquito más técnico. https://alligator.io/js/for-of-for-in-loops/ Saludos!

Con for...of puedes iterrar sobre iterables (arrays y strings), con for..in puedes iterar sobre objetos.

• for..of

let numeros = [1, 2, 3, 4];

for (let numero of numeros) {
	console.log(numero);
}

//1
//2
//3
//4

• for...in

let auto = {
	marca: 'Toyota',
	modelo: 'Yaris',
	año: 2016
};

// Un objeto es una estructura clave - valor
for (let clave in auto) { 
	console.log(`${clave} --> ${auto[clave]}`);
}

// marca --> Toyota
// modelo --> Yaris
// año --> 2016