반응형

Javascript 연산자, 타입

1. Javascript 연산자

  • 자바스크립트는 다양한 연산자를 가지고 있으며 아래는 그 중 자주쓰이는 것들입니다.
    • 산술연산자
    • 삼항연산자
    • 비교연산자

1.1 산술연산자

  • +(더하기), -(빼기), *(곱하기), /(나누기), %(나머지) 등이 있습니다.

1.2 삼항연산자

  • 삼항 연산자는 다음과 같은 구조를 가집니다.
    조건문 ? 실행문1 : 실행문 2;
  • 조건문이 참이면 실행문1을 실행하고, 거짓이면 실행문2를 실행합니다.

1.3 비교연산자

  • 자바스크립트에서 비교는 == 보다 ===를 사용합니다.
  • == 과 ===의 차이는 아래와 같습니다.

1.3.1 == 연산자

  • 변수의 값을 비교하여 연관성을 판단합니다.
0 == []           // true
0 == false           // true
5 == "5"             // true
null == undefined   //true
  • ==연산자는 값을 비교하기 전에 형변환이 먼저 발생하고, 이후에 값을 비교합니다.

1.3.2 === 연산자

  • 변수의 값과 자료형을 비교하여 연관성을 판단합니다.
  • ==연산자보다 엄격한 비교를 합니다.
0 == []           // false
0 == false           // false
5 == "5"             // false
null == undefined   // false

2. Javascript 타입

  • 자바스크립트는 Primitive(기본자료형)과 Object(객체자료형) 타입이 존재한다.

2.1 기본 자료형(Primitive)

  • Boolean

    • 논리적인 요소로 true, false 두가지 값을 가진다.
  • Null

    • 오직 null의 값을 가지며 '값이 없음'을 표현한다.
  • Undefined

    • 오직 undefined의 값을 가지며 아무런 값도 할당하지않은 경우를 표현한다.
  • Number

    • 숫자 자료형이다.
  • String

    • 문자열 자료형이다.
    • ' '(작은 따옴표), " "(큰 따옴표) 구분이 없다.
  • Symbol (ES6부터 추가됨)

    • 유일하고 변경불가능한 고유의 값을 표현합니다.

2.1.1 Null 과 Undefined 차이

  • null값은 의도적으로 '값이 없음'이라는 값을 할당한 것이다.
  • undefined는 선언만하고 값을 할당하지 않은 것이다.

2.2 객체 자료형(Objects)

  • 배열, 함수, 객체 ,정규표현식 등으로 데이터와 함수의 집합을 표현합니다.
반응형

'웹(Web)개발 > 5. Javascript' 카테고리의 다른 글

5. Javascript Ajax 통신  (0) 2020.10.12
4. Javascript 함수  (0) 2020.10.12
3. Javascript 비교, 분기, 반복  (0) 2020.10.12
1. Javascript 기초(변수, 범위)  (0) 2020.10.12

+ Recent posts