JavaScript Data Type

 

자료형(=Data Type)

- 기본 자료형(string, number, boolean, null & underfined)

- 자료형 검사

- 자료형 변환

 

기본자료형이란?

- 컴퓨터가 처리할 수 있는 자료의 형태

 

자료형 검사 방법

- typeof  변수명 : 자료형을 알 수 있는 함수

 

1. 숫자형 (number)

- 정수 및 실수를 포함하는 자료형

- 숫자형 데이터는 사칙연산과 같은 수하적 연산에 주로 사용

ex)

let num = 10;

let float = 10.5;

자료형 검사

consloe.log(typeof num);

consloe.log(typeof float);

// 2개 다 number로 콘솔창에 표시 된다.

 

2. 문자형 (string)

- 텍스트 데이터를 나타내는 타입

- 작은 따옴표('') | 큰따옴표("") | 백틱(``)으로 둘러싸인 표현

ex)

let str1 = 'hello';

let str2 = "world";

let str3 = `Wellcome`;

 

템플릿 문자열

-ES6(ECMAScript 2015)에서 도입된 기능

- 백틱을 사용하여 정의, 문자열 내에서 변수나 표현식을 `${}`안에 넣어 사용할 수 있도록 하는 문자열

 

>>변수 삽입

ex)

let name = '장지민'

let greeting = `반갑습니다, ${name}님` ;

console.log('반갑습니다,' + name + '님');

 

>>표현식 삽입

ex)

let num1 = 10;

let num2 = 30;

console,log(``num1 + num2 = ${num1 + num2});

 

>> 여러 줄 문자열

- 템플릿 문자열의 경우 여러 줄의 문자역 작성 가능

ex) let str3 = 'How are you?';

- 일반 따옴표는 여러 줄로 작성이 불가능

ex) let str4 = `백틱을 사용한 템플릿 문자 열은 여러 줄로 작성이 가능`;

 

3. 논리형 (Boolean)

- 참(true) | 거짓(false) 값만을 가지는 자료형

- 조건문이나 반복문에서 조건의 참과 거짓을 판단하는 데 사용

ex) let bool = 50 < 20 ; - false

bool = true;

console.log(bool); - true

 

4. null & underfined 자료형

 

null 

- 변수에 값이 '없음'을 명시적으로 나타냄

- 변수가 '비어 있음'을 의도적으로 표현하고자 할 때 사용

- 변수 에 할당된 데이터의 값이 유효하지 않은 상태

ex)

console.log(null);

console.log(typeof null);

-콘솔에 object로 표기된다.

>> 비워져있지만 해당 데이터는 객체라는 구조를 따름

 

undefined

- 변수가 선언되었으나, 아직 어떤 값도 할당되지 않았을 때의 기본값

let hello;

console.log(hello);

console.log(typeof hello);

- 할당된 것이 없어서 undefined로 출력

 

자료형 변환

-해당 함수 들은 대문자로 시작(upper)

 

1. 문자열로 변환

_String()함수를 사용

let numberToString = String(123);

console.log(numberToString);

console.log(typeof numberToString);

 

2. 숫자형으로 변환

_Number()함수

ex)

let stringToNumber = Number('123');

console.log( stringToNumber );

console.log(typeof stringToNumber );

 

let notAnumber = Numver('문자를 숫자로 변환 할수는 없다.');

console.log(notAnumber);

 

let nanValue = NaN;

console.log(nanValue);

 

NaN의 특징

- 어떤 값과도 동등하지 않음

NaN === Nan  (X)

- 연산에서 전파: 어떤 수하의 연산도 NaN과 만나면 결과값이 NaN

 

3. 불리언 (Boolean)

Boolean() 함수 사용

 

JS의 불리언 변환

- false, 0, '', null, undefined,NaN을 제외한 값은 모두 true로 간주

 

ex)

let stringToBoolean = Boolean('Hello');
let numberToboolean = Boolean(123);

let stringToBoolean2 = Boolean('');
let numberToboolean2 = Boolean(0);

console.log(typeof stringToBoolean);

console.log(stringToBoolean);//true
console.log(numberToboolean);//true

console.log(stringToBoolean2);//false
console.log(numberToboolean2);//false