Javascript 개념 정리(1) 자료형과 동적언어

 🐤 JavaScript의 자료형과 JavaScript만의 특성은 무엇일까 ?

 

Javascript의 8가지의 자료형

 

1. Boolean

 - 논리 요소를 나타냄
 - true와 false 두 가지의 값

 

2. Null

 - null 하나의 값만 가질 수 있음

 - null을 ‘존재하지 않는(nothing)’ 값, ‘비어 있는(empty)’ 값, ‘알 수 없는(unknown)’ 값을 나타내는 데 사용

 

3. Undefined

 - 변수 선은 했으나 값을 할당 하지 않은 변수

 - undefined

 

4. Number

 - 숫자형

 - (-(2^53 − 1)부터 2^53 − 1까지의 수

 - NaN("Not a Number") : 계산 중에 에러가 발생했다는 것을 나타내주는 값, 부정확하거나 정의되지 않은 수학 연산을 사용 나타나는 에러

 

5. BigInt

 - 숫자형

 - Number의 안전 한계를 넘어서는 매우 큰 정수를 표현 할떄 사용

 - 정수 끝에 n을 붙여 표현 ex) const BigInt = 12345...6789n

6.String

 - 문자형(텍스트 데이터) " " / ' ' / ` ` 사용, ` `은 문자열 중간에 변수나 표현식을 ${...} 안에 넣어 사용

 - 한글자가 하나의 요소 / string의 길이는 요소의 수 / string 인덱스 0은 첫번째 요소

 - C 언어와 같은 일부 프로그래밍 언어와 달리 JavaScript 문자열은 불변

7. Symbol

 - 고유하고 변경 불가능한 원시 값

 - 객체의 속성 키로 사용 가능

8. Objeact(객체)

 - 객체를 제외한 나머지는 자료형을 한가지만 표현 가능하기 때문에 원시 자료형 BUT, 객체는 데이터 컬렉션이나 복잡한 개체를 표현할 수 있음

 - 속성은 '키' 값으로 식별하며, 키 값으로는 문자열 값이나 심볼을 사용

속성 값으로는 다른 객체를 포함해 모든 타입을 사용할 수 있으므로 복잡한 자료구조의 구축이 가능

 

느슨한 타입(loosely typed)의 동적(dynamic) 언어

Javascript의 변수는 어떤 특정 타입과 연결되어 있지 않으며, 모든 타입의 값으로 할당 및 재할당이 가능함
동적타입

let foo = 42 // foo가 숫자
foo = 'bar' // foo가 이제 문자열
foo = true // foo가 이제 불리언

 

JavaScript 형변환

 

함수와 연산자에 전달되는 값은 대부분 적절한 자료형으로 자동 변환

 

문자형을 숫자형으로 변환하기

var 변수 = parseInt(문자);    //문자를 정수형 숫자로 변환해줌

var 변수 = parseFloat(문자);     //문자를 실수형 숫자로 변환해줌

var 변수 = Nember(문자);    //문자를 정수&실수형 숫자로 변환해줌

숫자형을 문자형으로 변환하기

var 변수 = String(숫자);    //숫자를 문자로 변환해줌

var 변수 = 숫자.toString(진법);    //숫자를 문자로 변환해줌 - 변환하면서 진법을 바꿀 수 있음

var 변수 = 숫자.toFixed(소수자리수);    //숫자를 문자로 변환해줌 - 실수형의 소수점 자리를 지정할 수 있음

var 변수 = 숫자 + "문자열";    //숫자와 문자열을 한 문자열로 더해줌

불린형으로 변환하기

alert( Boolean(1) ); // 숫자 1(true)
alert( Boolean(0) ); // 숫자 0(false)

alert( Boolean("hello") ); // 문자열(true)
alert( Boolean("") ); // 빈 문자열(false)

 

 

느슨한 타입(loosely typed)의 동적(dynamic) 언어의 문제점과 보완할 수 있는 방법

 

정적언어

- 컴파일 시간에 변수의 타입이 결정되는 언어

 - 타입 즉, 자료형을 컴파일시에 결정함

 - C, C++, Java

 - 변수에 들어갈 값의 형태에 따라 자료형을 지정

 - 장점

1. 컴파일 시간에 변수의 타입을 체크하므로 사소한 버그들을 쉽게 체크 할 수 있음

2. 즉, 타입 에러로 인한 문제점을 초기에 발경할 수 있어 타입의 안정성이 올라감

단점

1. 자료형에 맞지 않는 값이 들어가면 컴파일 에러 발생

 

동적언어

 - 런타임에 타입이 결정되는 언어

 - 즉, 소스가 빌드될 때 자료형을 결정하는 것이 아니라 실행 시 결정됨

 - Javascript, Ruby, Python

장점

1. 매번 타입을 써줄 필요가 없어 빠르게 작성 가능

2. 런타임시 타입이 결정되기 때문에 유연성이 높음

 - 단점

1. 실행 도중에 변수에 예상치 못한 타입이 들어와 type Error가 발생 할 수 있음

 - 보완 : 코드 작성 및 실행시 타입의 자료형을 잘 확인

 

 

undefined와 null의 미세한 차이

 

공통점

 - 둘다 각각의 타입명(undefined, null)의 값이 유일함

 

undefined

 - undefined는 ‘아무 값도 할당받지 않은 상태’를 의미

 - 변수를 선언한 이후 값을 할당하지 않은 변수를 참조하면 undefined가 반환

 - 변수를 참조했을 때 undefined가 반환된다면 선언 이후 값이 할당되지 않은 즉, 초기화되지 않은 변수라는 것을 알 수 있음

 

null

 - ‘비어있는, 존재하지 않는 값'(값의 부재)을 의미

 - 자바스크립트는 대소문자를 구분하므로 null은 Null, NULL 등과는 다름

 - null은 변수에 값이 없다는 것을 의도적으로 명시(의도적 부재)할 때 사용

 - 변수에 null을 할당하는 것은 변수가 이전에 참조하던 값을 더 이상 참조하지 않겠다는 의미

 - 이전에 할당되어 있던 값에 대한 참조를 명시적으로 제거하는 것을 의미

 

 변수에 값이 없다는 것을 명시하고 싶을 때는 undefined를 할당하는 것이 아니라 null을 할당

 

 

 

https://jin-coder.tistory.com/37

Javascript 개념 정리(2) - 객체와 불변성

https://jin-coder.tistory.com/38

Javascript 개념 정리(3) - 호이스팅과 TDZ