JavaScript : 반복문

camille·2022년 4월 4일
0

JavaScript

목록 보기
5/7
post-thumbnail

📌 반복문

반복문은 for이라는 명령어로 시작한다.

for(let step = 0; step < 10; step++){
  console.log(step)
  console.log('Hello camille!')
}

반복문은 어떤 단어를 카운터로 정해줄 지 정해줘야함 보통 step이나 i를 많이 사용한다.
10번을 출력하고자 한다면 0부터 시작하는 관습 때문에 카운터가 9일 때 동안 동작해야한다.
그리고 step++에서 ++연산자는 1씩 증가 시키는 연산자로,
" step이라는 변수를 1씩 증가 시키겠다. " 를 의미한다.

✔ 정리해보면
step이라는 변수는 0부터 시작해서 9까지 1씩증가하며 console값을 출력하게 된다.


🚩 for문의 기본형

for(초기상태; 조건; counter 변화){
수행할 동작
}


✍ 응용 1 : 콘솔에 1부터 5까지 1씩 더해가며 출력하기

for(let i = 1; i <= 15; i++){
  console.log(i)
}
< 1
  2
  3
  4
  5
  

✍ 응용 2 : 콘솔에 i+1을 활용하여 1부터 6까지 1씩 더해가며 출력하기

for(let i = 0; i < 6; i++){
 console.log(i+1)
}
<1
 2
 3
 4
 5
 6

✍ 응용 3 : 빈배열 myArray에 100부터 110까지 요소 추가하기

let myArray =[]
for(let i = 100; i < 111; i++){
 myArray.push(i)
}
console.log(myArray)
<[100,~~~~~,110]

🔔 응용3 문제에서 배열에 요소를 추가하는 방식이 어떤 순서로 동작하는 것일까?

먼저 let을통해 myArray라는 빈 배열을 선언 해준 뒤, for문을 통해 조건을 설정해준다.
이 for문에서 이제 해당 조건이 false에 도달할 때 까지 작동을 한 뒤
console에는 최종적으로 작동된 true값을 출력해 주는 것이다.


let myArray =[ ]
 for(let i = 100; i < 111; i++){
  **console.log(i)**
  myArray.push(i)
  **console.log(myArray)**
 }
 **console.log(myArray)**

🔔 반복문이 제대로 작동하는지, 어떻게 작동하는 지를 알기위해서, JS 디버깅 방법 중에서 가장 쉬운 방법은console.log를 중간중간에 찍어서 확인해 보는 것 이다.


📌반복문과 배열 심화

For loop & array

👩‍🏫 예시 1 : Arrray의 요소를 순회하여 콘솔에 출력하기

let fruits = ['Apple','Orange','Banana','Strawberry']

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

👩‍🏫 예시 2 : Number로 이루어진 Array의 요소를 순회하며, 1씩 더하여 콘솔에 출력하기

let myNum = [1, 2, 3, 4, 5]

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

👩‍🏫 예시 3 : Array의 길이만큼 순회하기 배열.length 이용하기

let myNum = [1, 2, 3, 4, 5, 7, 8 ····]

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

0개의 댓글