JS_기본 문법 (2)_연산자&함수

연산자

사칙연산

+ - * /

 

++연산자

C와 같음!

i++ / ++i

 

대입연산자

= (할당)

 

동등 연산자(==) 일치 연산자(===)

동등 : 값만 비교

일치 : 값 & 데이터 타입 비교 (이 녀석을 주로 쓰자!)

 

논리 연산자

! : not

&& : and

|| : or

 

비교연산자

>, <, >=, <=, ==, ===, !=, !==

 

※ 추가 tip!

- NaN과의 비교는 !=을 제외하고 모두 false를 반환한다.

- 빼기 연산처럼 number와 다른 자료형끼리 비교 시에 number로 형변환 후 비교가 된다.

  (Number()를 적용한다.)

  ex) '3' < 5 : true | 'a' < 5 : false (Number('a')는 NaN이기 때문에 false를 반환한다.)

- true > false : true

- 0 < true : true (0이 문자열이어도 같은 결과, true를 1로 간주)

 

==과 ===의 차이

== : 값을 비교한다. (형변환을 통해 두 요소가 같은 지를 판단한다.)

=== : 자료형과 값 모두 비교한다.

 

console.log((1==true));
console.log((1===true));

>>> true
>>> false

 

!=, !== 의 관계도 위와 같다.

console.log((1!='1'));
console.log((1!=='1'));

>>> false
>>> true

Tip !

let a = 1
console.log(1 > 2 && a++==2)
console.log(a)

--------
1

위의 코드를 실행하면 a는 1이 출력된다.

이유는 비교 연산시 왼쪽부터 연산이 시작되는데

and연산의 경우가 하나가 false라면 무조건 false를 반환한다.

따라서 JS에서는 모든 조건문을 실행하지 않고 false를 리턴하며 종료한다.

 

 

Boolean()

변수의 true/false 판단 함수

!!도 같은 기능을 한다.

console.log(Boolean('a'));
console.log(!!'a');

>>>true
>>>true

※ 0, NaN, undefined, null, '' 은 모두 false이다.

---

조건문

if (조건) {
    ....
}
else if (조건) {
    ....
}
else {
    ....
}

중괄호 안에 탭을 하지 않아도 상관 없음

(사용자의 편의를 위해 하는 것)

 

switch / case

switch (변수) {
    case 값:
        ....
        break;
    case 값:
        ....
        break;
    default:
        ....
}

---

함수

function 함수명(파라미터) {
    ....
}

() => {...}

 

함수 사용

// 1. 함수선언문 (; 안 붙이는 것이 관습)
function a() {...}
// 2. 함수표현식
const b = function() {...};
// 3. 화살표함수
const c = () => {...};

( 함수선언문 ;은 붙여도 상관없음! )

 

※ Arrow function =>

함수 선언을 더 간단하게 하기 위해 고안됨!

가독성은 떨어지지만 간단함

(파이썬 lambda와 비슷한 느낌)

중괄호 안에 return만 존재할 경우 생략이 가능하다.

const f = (x, y) => { returrn x * y; }

const f = (x, y) => x * y;

 

 

함수 반환

함수의 리턴값은 undefined가 기본값이다.

따라서 return값을 지정하지않으면 undefined를 반환한다.