Web/Javascript

[Javascript] 변수, 자료형, 연산자

동띵 2022. 3. 26. 13:57

변수 - 선언, 초기화, 재할당

선언: 정의하는 것

초기화: 정의한 변수에 넣는 첫 번째 값

재할당: 값이 들어간 변수에 다른 값을 넣는 것

 

변수 선언 방법: const, let

const: 변하지 않는 데이터 값을 넣을 때

let: 데이터 값이 변할 때

const와 let 차이: 재할당 가능한지

 

 

자료형 (자바스크립트의 데이터 타입) - 8가지

[string, number, bigInt, boolean, symbol, null, undefined, object]

- string (문자열): 작은따옴표나 큰 따옴표로 표현 가능 (문자뿐만 아니라 숫자와 특수문자도 가능)

- number (숫자) 

- bigInt (number 값이 안정적으로 나타낼 수 있는 최대치인 2^53-1보다 큰 정수)

- boolean (true or false)

- symbol (중복되지 않는 고유값)

- null

- undefined

(null과 undefined의 공통점: 비어있는 값을 의미 /

차이점: undefined - 자동으로 값이 없는 걸 나타냄, null - 수동적으로 값이 없다고 저장)

 

초기화를 안한 변수를 선언
콘솔창에 띄우면 undefined 나옴

- object (객체): 함수, 배열, 객체

 

연산자

[산술, 할당, 문자열, 비교, 부등호, 논리 연산자]

- 산술 연산자: 기본적인 사칙연산할 때 + 그 외 (+, -, /, *, %, **, ++, --)

- 할당 연산자 (=)

- 문자열 연산자 (+, +=) 문자열과 문자열을 연결해줌

- 비교 연산자 (==, ===) 값 같으면 true 아니면 false 반환 (!=, !==) 값 다르면 true 아니면 false 반환

==: 대충 비교 (1=='1' -> true 반환)

===: 엄격하게 비교 (1 ==='1' -> false 반환) 데이터 타입도 일치해야 함

- 부등호 연산자 (>, <, >=, <=) (문자열 비교시 길이가 긴 게 더 크고, 길이가 같다면 순서 뒤에 있는 게 큼)

- 논리 연산자 (&&, ||, !)

&&: and (조건들이 모두 참이어야지만 true 반환)

||: or (조건들 중 하나만 참이어도 true 반환)

!: 부정 (true -> false, false -> true)

 


강의 출처: 컴공 선배