[preview] Javascript 반복문

Jinsol Kim·2022년 11월 10일

항해99_TIL

목록 보기
4/10

1. 학습진행 상황

  • 배열과 요소의 의미를 설명할 수 있다.
  • 배열 요소의 순서인 '인덱스'가 의미하는 것이 무엇인지 안다.
  • a.length 와 a[index] 각각 어떤 것들을 추출하는지 안다.
  • 배열 요소 개수를 확인할 수 있다.
  • push()메소드를 사용하거나, 인덱스를 사용하여 배열 뒷부분에 요소를 추가할 수 있다.
  • splice(), 배열.indexOf()를 사용하여 원하는 값을 제거할 수 있다.

2. 학습 중 발생한 이슈∙고민 / 이를 해결한 내용

✅ a.length : 요소 개수 추출
✅ a [index] : 요소 추출

const numbers = [273, 52, 103, 32]

number[0]
> 273
numbers[1]
> 52

numbers[1+1]   → numbers 1번째 인덱스의 52를 2번 더해서 104 아님??
> 103            Nope, numbers[1+1] = numbers[2]  
                 numbers 요소들 중 2번째 인덱스 값을 추출해야 하는 거지! 
                 
numbers[1*3]   → numbers[1*3] = numbers[3] = 3번째 인덱스 값 = 32
> 32             

✅ 중첩 반복문 사용하기 (혼공자 p.188)


3. 오늘 새로 배운 내용

  • 중첩반복문의 실행 순서
    첫번째 반복문의 실행 이후에, 첫번째 반복문에서의 조건이 두번째 반복문에 대입되어 반복문이 실행된다. 반복문의 논리를 두려워하지 말고 하나씩 따져보면서 익히자!

  • for in 반복문 : 배열의 인덱스를 기반으로 반복할 때 사용한다.

  • for of 반복문 : 배열의 값을 기반으로 사용할 때 사용한다.

  • for 반복문 : 횟수를 기반으로 반복할 때 사용한다.

  • continue 키워드는 반복문 안의 반복 작업을 멈추고 (반복문 다음 작업 실행X), 반복문의 처음으로 돌아가 다음 반복 작업을 진행한다.


4. 참고

  • 혼자 공부하는 자바스크립트 : chapter 4 반복문
  • 항해99 10기 D반 3조 조원들

5. Takeaway

  • 자바스크립트 프로그램을 만들 때 가장 많이 사용되는 구문인 만큼 양도 많고 어렵게 느껴지기만 한다. 특히나 반복문의 실행 결과 예측, 반복문으로 피라미드 그림 출력하기와 같은 예제 실습에서 '논리'있게 사고해야 함을 오늘에서야 실감했다. 힘들더라도 '논리'있게 사고하는 연습을 하자!

  • 내일 해볼 일 : 반복문을 활용한 피라미드 문제 다시 풀기.

0개의 댓글