[JS] <for> 반복문

Hyun·2021년 12월 29일
0

JS

목록 보기
3/20
post-thumbnail

💡for 반복문 이란?

{어떤 특정한 조건}이 거짓으로 판별될 때까지 반복합니다.

for ([초기문]; [조건문]; [증감문]) {
	반복하고자 하는 조건
}

이름을 100번 반복해야한다고 한다면
console.log("HyunJeong");의 코드를 100번 작성하면 화면의 반 이상이 같은코드로 반복하는 안좋은 경우가 발생합니다.

여러번 반복해야하는 경우에 for 반복문을 사용합니다.

사용방법

for (let i = 0; i < 100; i++) {
  console.log("HyunJeong");
}
// HyunJeong 이 100번 반복실행됨
  • 초기문 = let으로 i의 초기값을 정의해줍니다.
    반복의 주체가되는 변수를 선언
  • 조건문 = i를 몇번 반복을 실행할 값을 적어준다.
  • 증감문 = 한번실행하고 i의 숫자를 얼만큼 증가할건지 감소할건지 써줍니다.
  • {} = 이 안에는 반복할 내용들을 써줍니다.

i가 초기값부터 실행하며 증감문을 거쳐 계속 반복을하다가 최종적으로 조건문에 부합하면 반복을 멈춥니다.


📖예제

let person = {
  name: "현정",
  age: 25,
  tall: 160
};

const personKeys = Object.keys(person);

for (let i = 0; i < personKeys.length; i++) {
  console.log(personKeys[i]);
}
//<결과>
// name 
// age 
// tall

for (let i = 0; i < personKeys.length; i++) {
  const curKeys = personKeys[i];
  const curValues = person[curKeys];
  console.log(`${curKeys} : ${curValues}`);
}
//<결과>
//name : 현정 
//age : 25 
//tall : 160 

const personValues = Object.values(person);

for (let i = 0; i < personValues.length; i++) {
  console.log(personValues[i]);
}
//<결과>
//현정 
//25
//160
profile
FrontEnd Developer (with 구글신)

0개의 댓글