Iterando sobre um objeto com loop for-in em JavaScript

Para iterar sobre objetos, utiliza-se o loop for-in. Ele possui a seguinte sintaxe:

javascriptfor (let variavelParaChave in objeto) {
  
}

Na variavelParaChave serão inseridas sequencialmente as chaves do objeto que está sendo iterado. Vamos experimentar com um exemplo. Suponha que temos o seguinte objeto:

javascriptlet obj = {a: 1, b: 2, c: 3};

Vamos usar o loop for-in para exibir as chaves deste objeto:

javascriptfor (let key in obj) {
  console.log(key); // exibirá 'a', 'b', 'c'
}

E agora, vamos exibir os elementos:

javascriptfor (let key in obj) {
  console.log(obj[key]); // exibirá 1, 2, 3
}

javascriptlet obj = {x: 1, y: 2, z: 3};

javascriptlet obj = {x: 1, y: 2, z: 3};