if (조건에 맞는다면) {이 코드를 실행해}
let num = 2;
if (num > 1) {
console.log('yes');
}
결과
if (조건에 맞는다면) {이 코드를 실행하고} else {그게 아닌 나머지라면 이 코드를 실행해 }
let num = -1;
if (num > 1) {
console.log('yes');
} else {
console.log('no');
}
결과
if (조건에 맞는다면) {이 코드를 실행하고} else if (그게 아니라 이 조건에 맞는다면) {이 코드를 실행하고} else {그게 아닌 나머지라면 이 코드를 실행해}
- else if는 원하는만큼 무한대로 작성이 가능하다.
console.clear();
let fruit = 'orange';
if (fruit === 'strawberry') {
console.log('🍓');
} else if (fruit === 'orange') {
console.log('🍊');
} else {
console.log('🍏');
}
결과
let fruit = 'anything';
if (fruit === 'strawberry') {
console.log('🍓');
} else if (fruit === 'orange') {
console.log('🍊');
} else {
console.log('🍏');
}
결과
깔끔하게 삼항 연산자로 표현해보기
Syntax
조건식 ? 참인경우 : 거짓인경우
let fruit = 'strawberry';
fruit === 'strawberry' ? console.log('🍓') : console.log('🍏');
결과
홀수와 짝수 구해보기
조건
let num = 2;를 먼저 할당해주고, num의 숫자가 짝수이면 👍 , 홀수이면 👎 을 출력하라.
1) if문으로 구해보기
let num = 2;
if (num % 2 === 0) {
console.log('👍');
} else {
console.log('👎');
}
해석: num을 2로 나눈 나머지의 값(%) 이 0인 경우(즉 짝수) 👍을 출력하고, 그게 아니라면(즉 홀수) 👎를 출력하라.
결과
2) 삼항연산자로 구해보기
let num = 2;
num % 2 === 0 ? console.log('👍') : console.log('👎');
결과
'Front-End Developer > JavaScript' 카테고리의 다른 글
JS 이벤트 플로우 완벽이해 (0) | 2022.05.13 |
---|---|
증감 연산자(Increment & Decrement Operators) (0) | 2022.05.11 |
new Date() 란? (0) | 2022.05.11 |
html 안에 <script> 파일을 어디에 넣어야 할까? (0) | 2022.04.29 |
변수(Variables)란? - 변수 선언 및 할당 (0) | 2022.04.29 |