[js] 20230407

반복문

오늘 공부한 반복문은 C나 python에서 했던 것과 비슷해서 크게 어려운 부분은 없었다.

그나마 생소한 for of문을 정리해보자.

• for of문

for(const 반복 변수 of 배열 또는 객체) {
	내용
}

변수에 index 값이 아닌 배열 혹은 객체의 value 값이 들어간다!

---

04-2 반복문

확인문제 1.

• 코드

<script>
	const array = ['사과', '배', '귤', '바나나']
    
    console.log('# for in 반복문')
    for (const i in array) {
    	console.log(i)
    }
    
    console.log('# for of 반복문')
    for (const i of array) {
    	console.log(i)
    }
</script>

• 출력

# for in 반복문
0
1
2
3
# for of 반복문
'사과'
'배'
'귤'
'바나나'

확인문제 2.

• 코드

<script>
	let array = []
    for (let i = 0; i < 3; i++) {  //const 는 재할당 안됨
    	array.push((i + 1) * 3)
    }
    console.log(array)
</script>

• 출력결과

[3,6,9]

확인문제 3.

• 코드

<script>
  let output = 1

  for(let i = 1; i <= 100; i++) {
      output *= i
  }

  console.log(`1~100의 숫자를 모두 곱하면, ${output}입니다.`)    
</script>

• 출력결과

1~100의 숫자를 모두 곱하면, 9.33262154439441e+157입니다.

확인문제 4.

• 코드

<script>
  let output = ''
  const size = 5

  for ( let i = 1; i < 10; i++) {
      if ( i < size) {
          for (let j = 9; j>i; j--) {
              output += ' '
          }
          for (let k = 0; k < 2 * i - 1; k++) {
              output += '*'
          }
          output += '\n'
      } else {
          for (let j = 1; j<i; j++) {
              output += ' '
          }
          for (let k = 18; k > 2 * i - 1; k--) {
              output += '*'
          }
          output += '\n'
      }

  }

  console.log(output)
</script>

• 출력결과

    *
   ***
  *****
 *******
*********
 *******
  *****
   ***
    *