반복문에는
크게 for, while 문이 있다
for문은 ;(세미콜론)를 기준으로 세가지 섹션으로 나뉜다
첫번째 섹션은 기준을 잡을 변수
두번째 섹션은 언제까지 for문을 실행시킬건지에 대한 조건
세번째 섹션은 for문이 한번 실행될때마다 어떤 행동을 취할건지
{} 중괄호 안에는 for문이 실행될때 어떤 작업을 하는지
그럼 해당 코드는
첫번째 섹션은 i라는 변수에 값은 0이고
두번째 섹션은 i는 10보다 작다는 조건
세번째 섹션은 for문이 한번 실행될때마다 1씩 증가
그럼 해당 for반복문을 실행시키면
10보다 작은수 까지만 1씩 커지는 반복적인 출력이 나오게 된다
이렇게 for문 안에 또 for문을 넣을수도 있다
이렇게 출력되는 이유는 부모인 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 문으로 해당되는 오브젝트의 키값을 가지고 올수있다고 한다
name : 갓용환
키(name) : 벨류(갓용환)
const 키워드로 godYongHwan 이라는 오브젝트 타입으로
name: godYongHwan
year: 1998으로 키와 벨류값을 지정하고
밑에 for문은 (let으로 key라는 변수선언 루핑시(반복문) key에 godYongHwan이란 오브젝트의 키 값들을 불러온다) 이라는 조건식이다
콘솔창에 key를 출력해보면
godYongHwan의 오브젝트의 키값인
naem
year가 출력되는걸 볼 수 있다
array타입으로 리스트형식을 만들어 for~in문을 적용해보면
0~3번이 나온다 이건 index값이다
array형식문(리스트)에 for~in문을 적용했을때 index값을 반환해준다
이번엔 백틱으로 된 $식이 들어가는 코드를 적용하면 (뭔지 아직 모름)
이렇게 벨류값까지 나온다
그래서 for~in 문을 오브젝트에 적용하면 키값을 가져올수 있고
array타입에 적용하면 index값을 가지고 올 수 있다고 한다
for~of문은 array타입과 같이 루핑을 할 수 있는 값들에서 사용 할 수 있다고 한다
array타입의 벨류값 들을 가져올 수 있다
그래서 for~in문은 키값들을 가져오고 for~of 문은 벨류값들을 가져온다
while문도 for문과 식은 비슷하게 작성한다
해당 코드는 number가 10보다 작다는 조건을 가지고
동작문에는 number를 1씩 증가시키게 했다
그러면 조건식이 false가 될때까지 number++ 라는 동작문을 실행시킨다
해당 조건이 fasle가 되려면 number가 10이 되어야 false니까 9가 출력된다
continue는 스킵이라고 한다
이렇게 반복문 for으로 조건식을 넣고
동작문에 if문을 넣어 만약 i 가 5랑 같을때 contiue(스킵) 이라는 동작을 실행하게 했다
그러면 중간에 5가 스킵되거 바로 6으로 넘어가는걸 볼 수 있다
'javaScript' 카테고리의 다른 글
| 함수(function) (0) | 2023.10.18 |
|---|---|
| 타입 변환 (1) | 2023.10.18 |
| if, else, switch (0) | 2023.10.16 |
| 연산자(operator) (0) | 2023.10.16 |
| hoisting (0) | 2023.10.13 |