반복문은 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(초기상태; 조건; 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)
}