JavaScript 입문 7일차

이종민·2021년 5월 17일
0

JavaScript 입문

목록 보기
7/21
post-thumbnail

공부를 시작하기 전 대충 주워들은 이야기로 반복문이 어렵다고 들었다. 오늘은 그 반복문을 공부하기 위해 컴퓨터를 켜고 예제들을 보는데 들은대로 어려웠다. 특히 별피라미드 만드는 문제는 상당히 어려워서 내일 한번 더 봐야할 것 같다. 일단 이론적으로 공부한 부분이라도 정리를 시작해보겠다.

21/05/17 JavaScript 공부 정리

1. for in 반복문

  • 기본형태
for (const 반복 변수 in 배열 또는 객체) {
  문장
}

for in 반복문은 위와 같은 형태를 하며 배열과 함께 사용할 수 있다.
즉, for in 반복문은 배열 요소를 하나하나 꺼내서 특정 문장을 실행할 때 사용한다.

  • 사용예시
<script>
    const buy = ['삼겹살', '상추', '쌈장']
   
    for (const i in buy) {
       console.log(`${Number(i)+1} 번째 구매목록: ${buy[i]}`)
    }
//${Number(i)+1} 를 사용하여 0번째가 아닌 1번째로 시작한다.
</script>
  • 사용예시 실행결과

<실행결과>
1번째 구매목록: 삼겹살
2번째 구매목록: 상추
3번째 구매목록: 쌈장

2. for of 반복문

  • 기본형태
for (const 반복 변수 of 배열 또는 객체) {
  문장
}

형태는 in이 of으로 바뀐 것을 제외하면 for in 반복문과 형태는 똑같다.
단 다른점은 '반복 변수' 부분에 for in 반복문과 다르게 요소의 값이 들어간다.

  • 사용예시
<script>
    const buy = ['삼겹살', '상추', '쌈장']
   
    for (const list of buy) {
       console.log(`오늘의 구매목록: ${buy}`)
    }
</script>
  • 사용예시 실행결과

<실행결과>
오늘의 구매목록: 삼겹살
오늘의 구매목록: 상추
오늘의 구매목록: 쌈장

또는

<실행결과>

3. for 반복문

  • 기본형태
for (let i = 0; i < 반복 횟수; i++) {
  문장
}

위의 for in/of 반복문과 다르게 const가 아닌 let으로 반복변수를 선언합니다.

for 반복문의 사용예시는 내일 별 피라미드를 만드는 것을 해보며 정리하도록 하겠습니다.

그럼 오늘은 여기서 끝.

0개의 댓글