반복문

jake·2021년 8월 4일
0

JavaScript문법

목록 보기
9/21
post-thumbnail

반복을 하기전에는 반드시 초기값을 셋팅해 줘야한다.

  • for

  1. for문안에 선언된 변수는 for문 안에서만 쓰고 폐기된다.
  2. 조건식을 비교하고 for문을 돌지 안돌지 판단한다.
const arr = ['a','b','c','d'];
for (let i = 0;  i < arr.length; i++) {
    console.log(arr[i])
}
  • while

  1. while은 초기값을 밖에 선언해줘야한다. 때문에 do while같이 밑에 다른 반복문에 사용할때 항상 초기값을 다시 셋팅해줘야한다.
  2. 조건식을 비교하고 while을 돌지 안돌지 판단한다.
let i = 0;
while( i < arr.length) {
    console.log(arr[i])
    i++;
}
  • do while

  1. while에 언급한 것처럼 i를 다시 초기화 해줘야한다.
  2. 조건식을 비교하기전 일단 do로 1번은 실행하고 while에서 조건식을 비교하여 실행한다.
i = 0;
do {
    console.log(arr[i])
    i++;
} while ( i < arr.length)
  • for of

  1. 배열을 순회할 때, 처음부터 끝까지 한번씩 읽을 때 배열의 특정 위치에 관심이 없을 때 사용
  2. ( )안에 순회할 배열을 써주고
  3. 변수 하나 생성 (읽기만하면 const, 변하면 let)
for (const item of arr){
    console.log(item);
}
  • for in

  1. in 옆에 값이 배열이든 객체든 그 키의 값을 하나씩 꺼내올떄 많이 쓰는 반복문이다.
  2. 배열을 for in에 넣었을 때는 배열의 위치값을 가져온다.
  3. 객체를 for in에 넣었을 때는 속성이름만 가져온다.
for (const index in arr) {
    console.log(arr[index]);
} // index에 arr의 위치값을 가져오기때문에  arr[index]라고 씀
<br>
const obj = {
    color :'red',
    width : 200,
    height : 200,
}
for (const key in obj) {
    console.log(key);
} // obj객체의 속성의 이름을 가져온다.
profile
열린 마음의 개발자가 되려합니다

0개의 댓글