JS) 조건문

백준우·2021년 9월 6일
0

JavaScript & TypeScript

목록 보기
3/15
post-thumbnail

조건문

1. 조건문 구동 방법
1.1 비교연산자,논리연산자
1.2 간단한 조건문

2. if,if~else,else에 대한 이해
2.1 if,if~else,else의 개념
2.2 예시


1. 조건문 구동방법

1.1 비교연산자,논리연산자

  • 조건문은 어떠한 조건을 판별하는 기준을 만드는것
  • 조건문에는 반드시 비교 연산자가 존재해야 합니다.
  • true와 false에따라 출력되는값을 다르게 할 수 있다.
  • 비교연산자와 논리연산자를 적절히 활용하여 조건문을 완성해야한다.

- 비교연산자

조건문을 이해하기 위해 타입중 Boolean 값에 대해 간단히 짚고넘어 가겠다.
Boolean값은 진실,거짓을 표현할때 쓰는 문법으로 화면상으로는 true,false로 출력된다.
예시)

Number(12) // true 
String(12) // false 
12>15 // false
'hello' == 'hello' // true

이렇게 값을 비교하는 것을 비교연산자라고 한다.

  • 비교 연산자의 종류
형태용도
>초과
<미만
>=이상
<=이하
===같다
!==다르다

!강조!
비교연산자 "==="과 "=="는 다르게 작용한다.
예시)

'12' == 12 // true
'12' === 12 // false

위와 같이 "==="은 타입까지 비교하는것을 알수 있다.

- 논리 연산자

  • 두개 이상의 조건중 하나만 적용하거나 전부 적용되어야 하는 경우를 따지기 위해 논리 연산자를 사용한다.
형태용도
&&그리고(AND)
ㅣㅣ또는(OR)
!값을 반전(NOT)
- true || false // true
- true && false // false
- true && true // true
- !true // false 
- !(3<1) // true

예시) Baek이라는 사람을 비교연산자와 논리연사자를 이용해서 표현하겠다.

  • 남성이면서 성인일때
    (Baek === man && Baek === adult)
  • 회사원이거나 학생일때
    (Baek === employee || Baek === student)
  • 남성이 아니면서 학생일때
    (!Baek === man && Baek === student)

1.2 간단한 조건문

간단한 조건문으로 예시를 들어보겠다.

체중을 측정했을때 80Kg이상이고 남자이면 과체중, 그 밑으로는 성별관계 없이 정상이라는 문구를 출력해야한다.

let weight // 몸무게
let gen // 성별
if(weight >= 80 && gen === true ) { //몸무게가 80이상이며 남자일때
	return '과체중'} // 과체중을 출력한다.
if(weight < 80) { //몸무게가 80미만이면
 	return '정상'} //무조건 정상을 출력한다

2. if,if~else,else에 대한 이해

2.1 if,if~else,else의 개념

위의 예시로 들었던 몸무게에 따른 문자출력 조건문을 봤을때 "조건이 몸무게가 크다,작다라는 2가지경우의 수밖에 없으니 80Kg이상을 선언하고 나머지는 전부 '정상'이라고 선언하면 되지않을까?" 라는 생각이 들것이다.

이를 가능게 하는게 if,if~else,else이다.

  1. if) if에서 첫번째 조건을 세워준다.
  2. else if) if에서 조건에 만족되진 않는 남은값에대해 조건을 걸어준다
  3. else) 나머지부분에 대한 결과를 예외처리한다.
  4. 조건문에서 거짓으로 취급하는 값은 다음과 같다.
    4-1. false
    4-2. undefined
    4-3. null
    4-4. 0
    4-5. NaN
    4-6. the empty string("")

그림으로 설명하자면 쉽게말해 if,if~else,else를 뜰채로 생각해주면 된다

그림

온전한 값 ------------------------------------if(조건)---------------------->>출력 if로 걸러진 나머지 -------------------------------else if(조건)----------------------->>출력 나머지 값 --------------------------------------else----------------------->>출력

그림과 같이 if와 else if그리고 조건을 세워 값을 출력하고 그 나머지에 대한 값도 결과값을 입력하여 출력값을 도출합니다.

2.2 예시

  • 조건문을 예시를 활용하여 설명하겠습니다.

조건문을 활용하여 성적 계산기와 짝수구하기 조건문을 만들어 보겠습니다.

성적 계산기

function Grade(score) { //Grade라는 함수에 score라는 변수를 입력받는다.
  if(score >= 90){ //score가 90이상이면 
    return 'A'}	  // A를 출력하고
  else if(score >=80){ //나머지 값중 80이상이면 
    return 'B'} //B를 출력한다.
  else {return 'C'}} // 그 외에는 C를 출력한다.

100보다 큰 짝수 구하기(2로 나누었을때 나머지가 0이면 짝수인 규칙활용)

function number(num) { //number에 num이라는 변수를 받습니다.
 if(num>100 && num % 2 == 0){ //num이 100보다 크고 짝수이면
	return '100보다 큰 짝수 입니다.' //값을 출력합니다.
	}
else if(num>100 || num % 2 == 0){ //num이 100보다 크거나 짝수이면 
    return '100보다 크거나 짝수입니다.' //겂을 출력합니다.
   	}
   else {return '숫자를 다시 확인 하십시오'}}//그 외에는 예외처리한다.
profile
이게 되네?

0개의 댓글