Korean_hamster
지현의 개발자 성장과정
Korean_hamster
전체 방문자
오늘
어제
  • 분류 전체보기 (122)
    • Front-End Developer (79)
      • Project (12)
      • HTML (8)
      • CSS (17)
      • Computer Science (9)
      • JavaScript (20)
      • React (13)
    • 이런저런 생각 (7)
    • 주간 성장회고 (24)
    • English (0)
    • 리뷰 (2)
    • Books (5)

블로그 메뉴

  • 방명록

공지사항

인기 글

태그

  • 면접관님
  • 반응형웹
  • 깃
  • sass
  • 라우터
  • CSS
  • fetch
  • HTML
  • CS
  • 깃헙
  • 프론트앤드
  • 비전공개발자
  • 멋사
  • js
  • 멋쟁이사자처럼
  • 비전공자개발자
  • 리액트
  • 프론트앤드스쿨
  • AtomicHabits
  • flex

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Korean_hamster

지현의 개발자 성장과정

if 조건문 사용해서 홀수,짝수 구해보기
Front-End Developer/JavaScript

if 조건문 사용해서 홀수,짝수 구해보기

2022. 5. 9. 23:00

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
    Korean_hamster
    Korean_hamster
    Keep pushing myself to the limits

    티스토리툴바