자바스크립트 공부(2) - 변수, 자료형, 연산자

1. 변수 선언하기

변수명 앞에 var을 붙여서 선언한다. 자바스크립트의 변수도 여느 프로그래밍 언어들처럼 변수명을 지을 때는 몇 가지 규칙을 지켜주어야 한다. 여러 단어를 연결하여 변수명을 지을 때는 첫 번째 단어는 소문자, 두 번째 단어부터는 대문자로 시작하는 방법을 많이 사용한다. 이를 낙타 표기법(Camel Case) 라고 한다. (규칙 이름은 처음 알게 된 사실...!!) 또 변수명과 첫 글자로 $ 기호를 사용할 수 있다.

* let과 const

ES6 버전부터는 변수를 선언할 때 let과 const를 사용할 수 있다고 한다. let으로 선언한 변수는 블록을 벗어나면 사용할 수 없다. const는 상숫값을 선언할 때 사용한다.

2. 자료형

자바스크립트의 자료형은 크게 '기본형'과 '복합형'으로 구분할 수 있다. 변수의 자료형은 typeof 연산자를 활용하여 확인할 수 있다.

 

기본형	number
	string
	boolean
복합형	array
	object

2-1. 숫자형

자바스크립트는 정수와 실수 모두 같은 자료형(number)으로 취급한다. 자바스크립트는 실수를 계산할 때 2진수로 변환하여 계산하는데, 이 때문에 결과가 우리가 생각하는 값과 다르게 나올 수 있기 때문에 주의해야 한다. (ex. 0.1 + 0.2 = 0.30000000000000004)

2-2 undefined와 null

• undefined : 자료형이 정의되지 않았을 때의 상태. '처음부터' 변수에 값이 할당되지 않았다는 의미.
• null : 처음에 할당된 값이 '더는' 유효하지 않음을 의미. 보통 변수를 초기화할 때 많이 사용한다.

2-3. 배열과 객체

배열과 객체는 모두 여러 값을 한 곳에 저장하기 위해 사용한다. 객체는 값들을 중괄호로 묶어서 사용한는데, key와 value로 짝을 지어야 한다. (파이썬의 딕셔너리가 생각난다!)

* strongly typeed VS weakly typed

• strongly typed : C, Java처럼 정수, 실수, 문자 등의 자료형을 미리 지정하는 것. 프로그램의 오류를 미리 방지할 수 있다.
• weakly typed : 미리 변수의 자료형을 지정해두지 않는 것. 자바스크립트가 이에 해당한다. 변수의 값이 정확하게 들어갔는지 프로그래머가 확인해야 한다. 이를 보완한 언어가 Typescript이다.

3. 문자형과 숫자형의 연산

자바스크립트에서 + 기호는 두 값을 연결하는 연결 연산자 역할을 한다. 문자열과 문자열만 아니라 문자형과 숫자형 자료도 이어 붙여준다. -, *, /, %은 모두 문자형 자료를 숫자로 인식하여 계산한다.

4. == 연산자와 === 연산자

두 연산자는 모두 값이 같은지 비교하는 연산자이다. 단, == 연산자는 자동으로 자료형을 변환하여 비교하고, === 연산자는 자료형의 차이까지 고려하여 비교한다. 보통은 === 연산자를 더 많이 사용한다고 한다.