본문 바로가기

Programming/JavaScript tips

조건문(if...statement)과 함수(function)

1. 조건문(if...statement)

모든 조건문은 Boolean 값이 true 인지 false 에 따라 실행되거나 실행되지 않는다.

 

Boolean 이란,

JavaScript 타입 중 하나로 true 혹은 false 의 반환 값을 갖는다.

아래와 같이 비교 연산자(comparison operator)를 통해 값을 반환할 수 있다.

 

Comparison operators Description
=== equal to
!== not equal to
> greater than
< less than
>= greater than or equal to
<= less than or equal to

 

논리 연산자(logical operator) 또한 이용할 수 있다.

 

AND operator Return OR operator Return
true && true true true || true true
true && false false true || false true
false && false false fasle || false false

 

Boolean 을 활용해 조건문을 만들 때 아래와 같이 쓸 수 있다.

 

if (조건1) {
  // 만약 조건1 이 true 일 때 실행
} else if (조건2) {
  // 조건1 === false
  // 만약 조건2 가 true 일 때 실행
} else {
  // 모든 조건이 false 일 때 실행
}

 

컴퓨터는 어떤 값이든 truthy 또는 falsy 값을 반환할 수 있다.

예를 들면, 다음과 같다.

 

Falsy 한 값 Description
false false
null the value of nothing
undefined a value is not defined
0 number zero
NaN Not a Number
' ' empty string

 

위 6가지의 falsy 한 값 외에는 모두 truthy 한 값이라 보면 된다.

 

 

2. 함수(function)

수학에서 볼 수 있듯이, 함수(function)에 어떤 x 라는 값을 입력하면 y 라는 값을 출력한다.

y = f(x)

함수를 표현하기 위해서는 두가지 방법이 있다.

 

1. 함수 선언식

 

function changeValue(input) {
  // orders to execute
}

 

2. 함수 표현식

 

let changeValue = function(input) {
  // orders to execute
}

 

여기서 input매개변수(parameter)라 하며 일반적으로 x 의 값을 받아 함수를 실행한다.

매개변수는 여러 값을 입력받을 수 있다.

 

다음 예를 가지고 조건문을 활용한 함수를 만들어보자.

"만약 내가 10만원을 가지고 있다면, 외식을 하러 갈 것이다."

 

function eatOut(name, money) {
  if (money >= 10) {
    return name + ', 나가서 먹자!';
  } else {
      return name + ', 그냥 집에서 먹어.';
    }
}

console.log(eatOut('Daniel', 12));
 // 'Daniel, 나가서 먹자!'