1. for loop 형식
for(let i=0; i<10; i++){ console.log("나의 가치를 마음대로 판단하지마!!",i) } |
➞ Console창 프린트 : 나의 가치를 마음대로 판단하지마!! 0 나의 가치를 마음대로 판단하지마!! 1 나의 가치를 마음대로 판단하지마!! 2 나의 가치를 마음대로 판단하지마!! 3 나의 가치를 마음대로 판단하지마!! 4 나의 가치를 마음대로 판단하지마!! 5 나의 가치를 마음대로 판단하지마!! 6 나의 가치를 마음대로 판단하지마!! 7 나의 가치를 마음대로 판단하지마!! 8 나의 가치를 마음대로 판단하지마!! 9 |
|
시작점을 0으로 셋팅한다. ➞ let i=0; | for loop의 3가지 조건
|
i 값이 변하는 과정 : ☛ i 는 0부터 시작한다. console.log 결과값 "나의 가치를 마음대로 판단하지마!!" 를 0과 함께 출력 된다. 그리고 나가려고 하니까 for loop 이어서 두번째 턴 때는 i++ 즉, i 를 1씩 증가 시켜준다. 그리하여 i 는 0 + 1 = 1 이 된다. 1 이 출력되기 전에 조건식 (let i=0; i<10; i++)으로 와서 말한다. "i = 1 인데, 1은 10보다 커, 작아?" "작으니까 결과창으로 출력해줘!" ☛ console.log 결과값 "나의 가치를 마음대로 판단하지마!!" 를 1과 함께 출력 된다. 그리고 나가려고 하니까 for loop 이어서 세번째 턴 때도 i++ 증가시켜 i 는 1 + 1 = 2 가 된다. 2 이 출력되기 전에 조건식 (let i=0; i<10; i++)으로 와서 말한다. "i = 2 인데, 2은 10보다 커, 작아?" "작으니까 결과창으로 출력해줘!" ☛ console.log 결과값 "나의 가치를 마음대로 판단하지마!!" 를 2과 함께 출력 된다. . . . 해당 조건은 (let i=0; i<10; i++) 9가 나올 때까지 반복된다. |
종료점은 9까지로 셋팅한다. ➞ i<10; | ||
반복 시점에서 1씩 증가한다. ➞ i++ |
* i = i+1 는 i++ 와 똑같다.
* i++ 는 i+=1 과 똑같다. (많이 쓰이는거라 1 만 문법은 간략하게 만들었다고 함)
for(let i=0; i<=10; i++){ if(i%2==0){ console.log("내 인생에 감정 담지 마!!", i) } } |
➞ Console창 프린트 : 내 인생에 감정 담지 마!! 0 내 인생에 감정 담지 마!! 2 내 인생에 감정 담지 마!! 4 내 인생에 감정 담지 마!! 6 내 인생에 감정 담지 마!! 8 내 인생에 감정 담지 마!! 10 |
i 를 2로 나누었을 때, 나머지는 0 이다. ➞ (i%2==0) ☛ 즉, 짝수이다. | |
한 칸씩 점프하는 코드 보다, 두 칸씩 점프하는 ⬇︎ 코드가 조금 더 빠르게 구동된다. | |
for(let i=0; i<=10; i+=2){ if(i%2==0){ console.log("졸려..오늘 진짜 쉼없이 하루를 보냈다.", i) } } |
➞ Console창 프린트 : 졸려..오늘 진짜 쉼없이 하루를 보냈다. 0 졸려..오늘 진짜 쉼없이 하루를 보냈다. 2 졸려..오늘 진짜 쉼없이 하루를 보냈다. 4 졸려..오늘 진짜 쉼없이 하루를 보냈다. 6 졸려..오늘 진짜 쉼없이 하루를 보냈다. 8 졸려..오늘 진짜 쉼없이 하루를 보냈다. 10 |
i 를 2씩 증가한다. |
* i = i+2 는 i+=2 와 똑같다.
* i = i+5 는 i+=5 와 똑같다.
2. 이중 for loop
구구단 만들기 | |
for(let i=2; i<=9; i++){ for(let j=1; j<=9; j++){ console.log(i+'*'+j+'='+i*j) } } |
➞ Console창 프린트 : 2*1=2 2*2=4 2*3=6 2*4=8 2*5=10 2*6=12 2*7=14 2*8=16 2*9=18 3*1=3 3*2=6 3*3=9 3*4=12 3*5=15 3*6=18 3*7=21 3*8=24 3*9=27 4*1=4 4*2=8 4*3=12 4*4=16 4*5=20 4*6=24 4*7=28 4*8=32 4*9=36 5*1=5 5*2=10 5*3=15 5*4=20 5*5=25 5*6=30 5*7=35 5*8=40 5*9=45 6*1=6 6*2=12 6*3=18 6*4=24 6*5=30 6*6=36 6*7=42 6*8=48 6*9=54 7*1=7 7*2=14 7*3=21 7*4=28 7*5=35 7*6=42 7*7=49 7*8=56 7*9=63 8*1=8 8*2=16 8*3=24 8*4=32 8*5=40 8*6=48 8*7=56 8*8=64 8*9=72 9*1=9 9*2=18 9*3=27 9*4=36 9*5=45 9*6=54 9*7=63 9*8=72 9*9=81 |
3. while문 (for loop을 다 분해 해놓은 느낌)
let i=2 ⇠ 시작점 셋팅 while(i<10){ console.log("while문 실행",i) i++; ⇠ 종료조건 셋팅 } |
➞ Console창 프린트 : while문 실행 2 while문 실행 3 while문 실행 4 while문 실행 5 while문 실행 6 while문 실행 7 while문 실행 8 while문 실행 9 |
* for 문의 (let i=2; i<=9; i++) 이것과 똑같다.
while loop vs. for loop
* length : 알아서 아이템 개수를 가져와 입력한다.
let i=2
while(buttonclick == true){
console.log("while문 실행",i)
i++;
}while loop
정확히 어느시점까지 라고 언급할 수 없지만, buttonclick 되는 시점에 계속 반복해줘let fruit = ["banana", "apple", "grapes", "mango"]
for(let i=0; i<fruit.length; i++){
console.log(fruit[i])
}for loop
∙ for문의 존재 이유는 array배열 때문
∙ 정확한 시점까지 반복해줘➞ Console창 프린트 :
banana
apple
grapes
mango
for loop 문제
문제 1 1부터 100까지 더하는 for문을 만들고 결과를 출력하시오. |
|
https://sublivan.tistory.com/4
문제 2 1부터 100까지 홀수만 출력하자. |
|
문제 3 1부터 50까지 369결과를 프린트하자. 1 2 짝 4 5 짝 ...생략 28 짝 짝 짝 짝 짝짝 |
|
문제 4 주어진 숫자가 소수이면 true 아니면 false를 출력하는 프로그램을 짜시오. |
|
반응형
'JS' 카테고리의 다른 글
[JS] 자바스크립트 표기법 (0) | 2024.01.29 |
---|---|
[JS] javascript 자바스크립트 함수 (0) | 2023.04.09 |
[Javascript] if 문 (feat. stitch문, 삼항연산식) (0) | 2023.03.30 |
[Javascript] 자료형_object 객체 데이터 자세히 보기 (0) | 2023.03.26 |
[Javascript] 자료형_array 배열 자세히 보기 (0) | 2023.03.24 |