JavaScript - 반복문

0

JavaScript

목록 보기
3/4
post-thumbnail

1. 반복문

반복문
: 동일한 동작을 '조건을 만족할 때 까지, 원하는 횟수만큼' 반복해서 수행

반복문을 활용해서 우리는 특정 코드를 반복해서 실행할 수 있습니다.
이 때, 조건을 설정해서 우리가 원하는 만큼만 반복할 수 있도록 합니다.

주의할 점은 반복문의 조건에 포함된 변수의 값을 계속 변화시켜서,
언젠가는 이 반복문이 끝날 수 있도록 해줘야 한다는 것입니다.

2. 반복문의 종류와 구조

  1. while 반복문
    while (조건) {조건을 만족할 때 실행할 코드}
  1. for 반복문
    for (초기 상태; 조건; counter 변화) {
    수행할 동작
    }

반복문은 while 또는 for 이라는 명령어로 시작하게 됩니다.
둘은 거의 같지만, for가 좀 더 명시적으로 반복문의 조건을 표현할 수 있습니다.

ex. 1) '김보윤'을 10번 출력했나요? -> true면 멈추고, false면 출력한다.

for (let i=0; i < 10; i++){
  console.log('김보윤')
}

ex. 2-1) console에 1부터 10까지, 1씩 더해가며 출력하기

for (let i=1; i < 11; i++){
  console.log(i)
}

ex. 2-2) 만약 i를 0부터 시작하게 한다면?

for (let i=0; i < 10; i++){
  console.log(i+1)
}

3. For Loop & Array

For Loop
: 반복문의 일종으로, 특정한 부분의 코드가 반복적으로 수행될 수 있도록 한다.
Array
: 한개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용한다.

반복문은 for 루프 와 array를 함께 사용하는 경우가 많습니다.

ex. 3) 빈 배열 myArray에 1부터 10까지 요소를 추가하기

  • 빈 배열에 특정한 요소를 넣어 이를 반복하게 끔. array에 요소를 추가하는 반복문
  • javaScript 배열 추가 함수인 myArray.push() 를 써서 반복
let myArray = []

for (let i=1; i<=10; i++){
  myArray.push(i)
}

console.log(myArray)

ex. 4-1) array 요소를 순회하며 콘솔에 출력하기

  • 요소를 '순회'한다. = 배열에 요소 하나하나를 접근해 동일한 동작을 수행하는 것
// for loop 를 이용한 반복문으로 출력

let names = ['유재석', '박명수', '조세호']

for (let i=0; i < 3; i++){
   console.log(names[i])
 }

ex. 4-2) array 요소를 순회하며 1씩 더해서 콘솔에 출력하기

let myNum = [100, 200, 300]

for (let index=0; index < 3; index++){
   console.log(myNum[index]+1)
}

// console.log(myNum[index+1]) 하면 어떻게 될까?

for (let index=0; index < 3; index++){
   console.log(myNum[index+1])
}

// 상이한 결과가 나온다.

ex. 5) array 길이만큼 순회하기

  • 결국 i < 3;, index < 3; 이것들은 배열의 길이를 뜻합니다.
  • 조건 설정 시 배열 길이가 바뀔때마다 조정할 필요없이, 배열의 길이만큼 순회하게 만들기
  • length 속성을 사용하기
let nums = [1, 10, 100, 1000, 10000]

for (let index = 0; index < nums.length; index++){
  console.log(nums[index])
}
profile
어제보다 오늘 더 성장하는 프론트엔드 개발자

0개의 댓글