훈훈한 Javascript (12)

< 섹션 4 >

3. 반복문이란?

가장 앞에 있는 식 = 최초식

=> 반복문에서 반복의 기준이 됨.

여기서 선언되는 변수는 for 문 안에서만 사용 가능.

함수에 갇힌 것처럼 바깥에서는 참조할 수 없음.

조건식

증감문

0 + 1 을 해서 i 에 재할당.

---

4. for 문과 while 문

for 문과 달리 최초식이 바깥에 작성됨.

조건식

증감문이 중괄호 안에 들어가게 된다

i 재할당 해준다.

- while 문 주의사항 -

status 가 true 인 경우, 계속 반복하도록 만들어놓음

i는 계속 증가하게된다.

계속 반복돼서 증가하게 됨.

(메모리 과부화)

i가 10보다 크면 false 라는 조건문 추가해줌

---

5. 반복문을 활용한 날짜 데이터 리팩토링

반복문 활용해주기

timeKeys에 Object.keys 사용해서 timeKeys에 어떤 값들이 들어있는지 확인.

remainObj의 키들만 갖고온 것임을 확인.

docKeys - dcoumentObj의 키들 갖고오기

그러면 이렇게 배열이 출력됨.

arr. length = 배열의 길이 갖고올 때 사용

console.log(arr[i]) 을 해주면 i가 0이니까 0이 들어가게 됨.

arr[0]

arr[1]

arr[2]

arr[3]

arr[4]

배열의 길이(length)만큼 반복

5:29
숫자 0이 i에 들어가고 0 번째 인덱스 값을 가진 요소 1을 갖고 올 수 있다.
코드 실행해주고 i(0)이 1 증가된다 => i ++ 요소 하나하나를 갖고 올 수 있음.
arr.length = 5 니까 i < 5 를 조건식으로 해석해서
i[0] ~ i[4] 까지 인덱스를 기준으로 출력하므로 1,2,3,4,5 가 출력

timekeys도 배열이니까 똑같이 길이(length) 갖고있음
길이만큼 반복하니까 
배열길이만큼 반복 ( 길이 =4 )

console.log(timeKeys[i]); 입력 값 넣어서 출력해보면

해당과 같이 나온다.

배열의 요소들에 접근해서 갖고와줌

 

dockeys 도 적용

브라켓 노테이션 - 변수 갖고 오는 거니까 큰따옴표 X

입력해주면 키를 갖고오는게 아니라 태그를 갖고온다.

documentObj 객체의 요소(프로퍼티)에 접근한 것

그 때, 그 프로퍼티의 키 docKeys라는 배열에 담겨져 있는 키들

(days, hours, min, sec) 이 docKeys[i] 에 들어온다.

documentObj[docKeys[i]

console 의 괄호 안에 있는 거 자체가 태그.

이거 자체가 태그

태그의 변경할 문자.

주석처리된 4 문장을 한 줄로 끝내줄 수 있다.

원래 주석된 곳에서 해주던 역할을 반복문이 해줌.

4줄이 해 주던 것을 1줄이 해결

다음과 같이 변경해줄 수 있음.