조건문
조건문 if
if {} else{}
if(조건1){
//조건1이 참이라면 실행할 문
}else{
//조건1이 거짓이라면 실행할 문
}
조건문은 if 옆에 조건을 써주고 대괄호 안에 조건1이 참일 때 실행할 문을 작성해준다. else{} 안에는 조건1이 거짓이라면 실행할 문을 작성하면 된다.
if{} else if{} else{}
if(조건1){
//조건1이 참이라면 실행할 문
}else if (조건2){
//조건 2가 참이라면 실행
}else {
//조건 1, 2가 모두 거짓일 때 실행
}
중첩 if
if (조건1) {
if (조건2) {
//조건1을 만족하면서 조건2도 만족
} else {
//조건1은 만족하지만 조건2는 만족하지 않음
}
}
for (let i = 0; i < 10; i++) {
if (i % 2 === 0) {
continue;
}
sum3 += i;
}
반복문의 중첩도 있고, for 문 안에서 if문이 사용되는 경우도 있다.
조건문 switch
switch (변수) {
case 값1:
//변수===값1, 실행
break;
case 깂2:
//변수===값2, 실행
break;
default:
//일치하는 값 없을 때 실행
break;
}
switch 문은 변수를 지정해놓고 case 별로 나누고, 마지막에 default 을 작성해준다.
case 마다 break를 걸어줘야 다음 case로 넘어가지 않는다.
3항 연산자
여러 줄인 if문을 간단하게 표현할 수 있는 방법이다.
조건식 ? 참인 조건일 때 : 거짓인 조건일 때;
let num = 5;
if (num % 2 === 1) {
console.log("홀수");
} else {
console.log("짝수");
}
num % 2 === 1 ? console.log("홀수") : console.log("짝수");
조건식을 작성해주고 ? (물음표) 뒤에는 참과 거짓을 : 로 나누어서 표현하면 된다.
반복문
for문
for(초기화식; 조건식; 증감식){
실행문장;
}
for문은 () 앞에서부터 초기화식 조건식을 거쳐 증감식이 조건문에 다이를 때까지 반복된다.
1) 초기화식 -> 조건식
2) 조건식이 참이라면 문장이 실행되고 증감식의 크기만큼 증감되어 다시 조건식으로
3) 조건식이 거짓이라면 for문 종료
// 1부터 5까지 출력
for (let i = 1; i <= 5; i++) {
console.log(i);
}
for (let i = 0; i < 5; i++) {
console.log(i + 1);
}
// 5부터 1까지 출력
for (let i = 5; i > 0; i--) {
console.log(i);
}
// 구구단 만들어보기
for (let i = 1; i < 10; i++) {
console.log(`---${i}단---`);
for (let j = 1; j < 10; j++) {
console.log(`${i}x${j}=${i * j}`);
}
}
while문
while(조건문){
실행코드(명령문으로!)
}
//while 구구단
let i =1; j=i;
while(i<10){
console.log(`---${i}단---`);
while(j<10){
console.log(i+ "x" + j + "=" + i*j);
j++
}
i++;
j=1;
}
for문과는 다르게 조건을 변경하는 문이 없어서 무한 루프에 빠질 수 있으니 주의해서 사용해야 한다.
반복문 제어
break:반복문을 멈추고 밖으로 나갈 수 있다.
for(let i = 1; i<10; i++){
if(i==6){
console.log('1부터 5까지만');
break;
}
console.log(i);
}

continue: 반복문을 한 번만 멈추고 다음으로 진행할 수 있다,
let sum = 0;
for(let i = 0; i<100; i++) {
if(i%2== 0){
continue;
}
sum+=i;
}
console.log(sum);
추가적으로 조건문/반복문으로 코테 준비할 수 있는 프로그래머스 문제들을 알려주셨다.
나중에 풀어봐야지 미래의 나에게;)
'[Study] FE > HTML & CSS & JS' 카테고리의 다른 글
[포스코 x 코딩온] JS_04 DOM (0) | 2023.03.13 |
---|---|
[포스코X코딩온] JS_03 메소드 (0) | 2023.03.12 |
[포스코X코딩온] JS_01 데이터/연산/함수 (0) | 2023.03.10 |
[포스코X코딩온] CSS_06 Transition/Transform/Animation (0) | 2023.03.09 |
[포스코X코딩온] CSS_05 flex (0) | 2023.03.07 |