프론트 엔드/javascript
[JavaScript]for문
삼삼고
2022. 8. 24. 23:31
아래 구구단의 2단을 출력 한 함수이다.
console.log('2 * 1 = '+ 2*1)//출력 2 * 1 = 2
console.log('2 * 2 = '+ 2*2)//출력 2 * 2 = 4
console.log('2 * 3 = '+ 2*3)//출력 2 * 3 = 6
console.log('2 * 4 = '+ 2*4)//출력 2 * 4 = 8
console.log('2 * 5 = '+ 2*5)//출력 2 * 5 = 10
console.log('2 * 6 = '+ 2*6)//출력 2 * 6 = 12
console.log('2 * 7 = '+ 2*7)//출력 2 * 7 = 14
console.log('2 * 8 = '+ 2*8)//출력 2 * 8 = 16
console.log('2 * 9 = '+ 2*9)//출력 2 * 9 = 18
하나하나 입력값을 사람의 손으로 일일이 다 입력해서 출력해보았다.
- 어떻게 하면 비슷한 값을 다 대체해서 프로그램양을 더줄일 수 있을까?
답은 반복문을 사용하면 된다. 인간이 반복해서 일일이 입력해야 하는 것을 반복문을 사용해서 프로그램에서 자동적으로 반복해서 출력할 수 있도록 만들어주자
- 반복문에는 은 크게 두 가지로 나뉘게 된다.(for 문과 while문)
- for문
- for문
- 중첩 for문
- while문
- while문
- do-while문
- for문
사용방법은 크게 어렵지는 않다
- for문
for(let i=0; i<=5; i++){//for(변수 선언 및 초기화; 조건문; 증감식)
console.log(i)
//내부 문장 수행
}
//출력
/*
0
1
.
.
.
5
*/
//조건이 참일 경우 반복
//조건이 거짓일 경우 for문 break
//;콜론으로 변수 조건문 증감식을 구분하는게 중요
변수 선언 조건식 증감문 3박자를 한번에 다하는 함수 이기 때문에 아주 쓸모가 많다
tip)for(let i=0; i<=5; i++)//일반적인 for문
for(; ; i++)//변수가 이미 선언 되있다면 나머지 부분들 생략 가능
- while문
while(조건식){
//내부 문장 수행
console.log('test')
}
//출력
/*
test
test
test
test
.
.
.
test
*/
//조건식1이 들어가면 수행
//조건문1이 아닌갑이 들어가면 break;
//for문 보다 더 많은것을 집어 넣을때 유리
//tip) while(1)// while에 1을 넣으면 무한 반복하게 된다
// 나올때는 break문을 써서 나오면 되니 알아두자!!!
이제 쓰는 법을 숙지했으니 구구단을 반복문을 사용해서 풀어보자!!!
for(let i=1; i<=9; i++){//일부터 구까지 반복해서 증감
console.log('2 * '+i+' = ' 2*i)//반복해서 증감한 값은 2*i 하여 구구단 완성
}
/*출력
2 * 2 = 4
2 * 3 = 6
2 * 4 = 8
2 * 5 = 10
2 * 6 = 12
2 * 7 = 14
2 * 8 = 16
2 * 9 = 18
*/
바로 이어서 중첩 for 문까지 사용해서 구구단을 2단부터 ~ 9단까지 출력하는 함수를 짜 보자
for(let j=1; j<=9; j++){//일단부터 구단까지 반복해서 증감
for(let i=1; i<=9; i++){//일부터 구까지 반복해서 증감
console.log(`${j} * ${i} = ${j*i}`)//반복해서 증감한 값은 2*i 하여 구구단 완성
//``템플릿 리터럴을 이용하여 출력 `${변수}일반적인 문자열을 밖으로 빼기`
}
}
//출력
//너무 길어서 못올리겠어요 각자 f12눌러서 콘솔에 복사+enter눌러 출력값을 확인 해보자
프로그램은 짧게 짤 수록 좋다 그렇기 위해서는 for문의 사용이 필수 불가결이다 꼭 사용법을 완벽히 숙지해 두고 자주 사용해서 나만의 편한 알고리즘을 짤수 있도록 하자
728x90
반응형