Pre-Onboarding 1일차 - Chap.02 자료와 변수

자바스크립트에서는 다양한 자료형이 존재하지만

기본적으로 가장 많이 사용되는 자료형으로는 문자열,숫자,불 자료형 등이 있다.

 

문자열 자료형(String)

: 문자들의 집합으로 이루어진 자료형

- "문자열" 혹은 '문자열' 등으로 표현

- 특수기능을 사용하는 특수문자 사용시 이스케이프 문자(\)를 사용한다.

ex) 'This is \'String\' '.;

 

문자열 연산자

문자열 + 문자열 = 연결된 문자열

ex) '문자' + '입니다' = '문자입니다'

 

문자열 선택 연산자

문자열[인덱스] 

ex) '문자입니다'[1] = '자'  // 문자입니다의 1번째 인덱스 문자인 '자' 선택

 

문자열 길이 구하기

문자열.length

ex) '문자입니다'.length = 5

 

숫자 자료형(Number)

: 숫자로 이루어진 자료형으로 자바스크립트에선 소수점이 있는 float형과 소수점이 없는 정수 int형 모두 숫자 자료형에 해당된다.

 

숫자 연산자

+ : 더하기

-  : 빼기 

* : 곱하기

/ : 나누기

%: 나머지

 

불 자료형(Boolean)

: 참과 거짓을 표현하는 자료형으로 True와 False로 나뉨

 

불 연산자 (맞으면 true, 틀리면 false)

=== : 양쪽이 같다 

!== : 양쪽이 다르다

> : 왼쪽 더 크다

< : 오른쪽이 더 크다

>= : 왼쪽이 크거나 같다

<= : 오른쪽이 크거나 같다

 

불 부정 연산자  (!)

!true = false

!false = true

 

볼 논리 연산자

&& = and    // 양쪽이 모두 true여야 결과 값이 true

|| = or    // 양쪽 중 하나라도 true라면 결과 값이 true

---

Tip!

자료형 검사

typeof(검사할 데이터)   => 해당 데이터의 자료형을 알아낼 수 있음

 

템플릿 문자열

`(백틱)을 사용하여 문자열 안에 변수를 적용할 수 있음)

ex) `내이름은 ${name}입니다.`

---

상수

: 수정이 되지않는 고정 값 

const a = '데이터';

 

변수

: 수정이 가능한 가변 값

let a= '데이터'; 

a = '데이터2'; 

 

복합대입 연산자

a += 1    => a = a+1;

a -= 1    => a = a-1;

a *= 1    => a = a*1;

a /= 1    => a = a/1;

 

증감 연산자

변수++ : 변수 값에 1을 더함 // 해당 코드라인을 실행한 후 

++변수 : 변수 값에 1을 더함 // 해당 코드라인을 실행하기 전

--변수 : 변수 값에 1을 뺌 // 해당 코드라인을 실행한 후 

변수-- : 변수 값에 1을 뺌 // 해당 코드라인을 실행하기 전

 

---

undefined 자료형

: 값이 선언되지 않은 자료형으로 null과는 다른 의미임