객체 반복문( for... in )

루프는 조건을 만족할때까지 코드를 반복하는 반복문(프로그래밍 툴)이다.
객체를 통한 반복문은 for...in을 사용한다.
for...in은 객체의 각 속성에 대해 주어진 코드 블록을 실행한다.

let spaceship = {
    crew: {
    captain: { 
        name: 'Lily', 
        degree: 'Computer Engineering', 
        cheerTeam() { console.log('You got this!') } 
        },
    'chief officer': { 
        name: 'Dan', 
        degree: 'Aerospace Engineering', 
        agree() { console.log('I agree, captain!') } 
        },
    medic: { 
        name: 'Clementine', 
        degree: 'Physics', 
        announce() { console.log(`Jets on!`) } },
    translator: {
        name: 'Shauna', 
        degree: 'Conservation Science', 
        powerFuel() { console.log('The tank is full!') } 
        }
    }
}; 

// Write your code below
for (let crewRole in spaceship.crew) {
  console.log(`${crewRole}: ${spaceship.crew[crewRole].name}`);
};
//captain: Lily
chief officer: Dan
medic: Clementine
translator: Shauna 반환
--------------------------------------------------------
for (let crewRole in spaceship.crew) {
  console.log(`${spaceship.crew[crewRole].name}: ${spaceship.crew[crewRole].degree}`);
};
// Lily: Computer Engineering
Dan: Aerospace Engineering
Clementine: Physics
Shauna: Conservation Science 반환

for...in 반복문은 spaceship.crew 객체의 각 요소에 대하여 반복한다. 변수 crewRole은 spaceship.crew 객체의 key중 하나로 지정되고 우리가 크루 멤버의 이름과 역할을 리스트업 할 수 있도록 해준다.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...in 참조

좋은 웹페이지 즐겨찾기