반복문(loops)

/**

 * Loops

 *

 * 1) for

 * 2) while

 */

반복문에는 

크게 for, while 문이 있다

 

for (let i = 0; 10 > i; i++) {

  console.log(i);

}

for문은 ;(세미콜론)를 기준으로 세가지 섹션으로 나뉜다

첫번째 섹션은 기준을 잡을 변수

두번째 섹션은 언제까지 for문을 실행시킬건지에 대한 조건

세번째 섹션은 for문이 한번 실행될때마다 어떤 행동을 취할건지

{} 중괄호 안에는 for문이 실행될때 어떤 작업을 하는지

 

그럼 해당 코드는 

첫번째 섹션은 i라는 변수에 값은 0이고

두번째 섹션은 i는 10보다 작다는 조건

세번째 섹션은 for문이 한번 실행될때마다 1씩 증가

 

그럼 해당 for반복문을 실행시키면

0

1

2

3

4

5

6

7

8

9

10보다 작은수 까지만 1씩 커지는 반복적인 출력이 나오게 된다

 

for (let i = 0; i < 3; i++) {

  for (let j = 3; j > 0; j--)

  console.log(i, j);

}

이렇게 for문 안에 또 for문을 넣을수도 있다

0 3

0 2

0 1

1 3

1 2

1 1

2 3

2 2

2 1

이렇게 출력되는 이유는 부모인 for문이 i = 0 이기때문에 i 가 0 일때 자식 for문이 실행되는 식이다

자식 for문이 j= 3 ; j > 0 ; j -- 이기때문에 

i 가 0 일때 j 는 3

i 가 0 일때 j 는 2

i 가 0 일때 j 는 1

이렇게 반복되고

다시

i 가 1 일때 j 는 3

i 가 1 일때 j 는 2

i 가 1 일때 j 는 1

이런 형태로 i가 1씩 올라갈때마다 j는3번의 반복적인 실행이 이루어진다고 한다

 

/**

 * for...in

 */

for ~ in 문으로 해당되는 오브젝트의 키값을 가지고 올수있다고 한다

name : 갓용환

키(name) : 벨류(갓용환)

const godYongHwan = {

  name: 'godYongHwan',

  year: 1998,

};

for (let key in godYongHwan) {

  console.log(key);

}

const 키워드로 godYongHwan 이라는 오브젝트 타입으로 

name: godYongHwan

year: 1998으로 키와 벨류값을 지정하고

 

밑에 for문은 (let으로 key라는 변수선언 루핑시(반복문) key에 godYongHwan이란 오브젝트의 키 값들을 불러온다) 이라는 조건식이다

콘솔창에 key를 출력해보면

name

year

godYongHwan의 오브젝트의 키값인

naem

year가 출력되는걸 볼 수 있다

 

const yongHwanProfile = [

    '잘생김', '키큼', '피부좋음', '차기 개발자'

]

for(let key in yongHwanProfile) {

    console.log(key)

}

array타입으로 리스트형식을 만들어 for~in문을 적용해보면

0

1

2

3

0~3번이 나온다 이건 index값이다

array형식문(리스트)에 for~in문을 적용했을때 index값을 반환해준다

const yongHwanProfile = ['잘생김', '키큼', '피부좋음', '차기 개발자'];

for (let key in yongHwanProfile) {

  console.log(key);

  console.log(`${key}:${yongHwanProfile[key]}`);

}

이번엔 백틱으로 된 $식이 들어가는 코드를 적용하면 (뭔지 아직 모름)

0

0:잘생김

1

1:키큼

2

2:피부좋음

3

3:차기 개발자

이렇게 벨류값까지 나온다

 

그래서 for~in 문을 오브젝트에 적용하면 키값을 가져올수 있고

array타입에 적용하면 index값을 가지고 올 수 있다고 한다

/**

 * for...of

 */

for~of문은 array타입과 같이 루핑을 할 수 있는 값들에서 사용 할 수 있다고 한다

for (let value of yongHwanProfile) {

  console.log(value);

}

잘생김

키큼

피부좋음

차기 개발자

array타입의 벨류값 들을 가져올 수 있다

 

그래서 for~in문은 키값들을 가져오고 for~of 문은 벨류값들을 가져온다

/**

 * while

 */

while( ) {

   

}

while문도 for문과 식은 비슷하게 작성한다

while (number < 10) {

  number++;

}

해당 코드는 number가 10보다 작다는 조건을 가지고

동작문에는 number를 1씩 증가시키게 했다

그러면 조건식이 false가 될때까지 number++ 라는 동작문을 실행시킨다

9

해당 조건이 fasle가 되려면 number가 10이 되어야 false니까 9가 출력된다

 

 

/**

 * continue

 */

continue는 스킵이라고 한다

for (let i = 0; i < 10; i++) {

  if (i === 5) {

    continue;

  }

  console.log(i);

}

이렇게 반복문 for으로 조건식을 넣고 

동작문에 if문을 넣어 만약 i 가 5랑 같을때 contiue(스킵) 이라는 동작을 실행하게 했다

0

1

2

3

4

6

7

8

9

그러면 중간에 5가 스킵되거 바로 6으로 넘어가는걸 볼 수 있다