코딩앙마 자바스크립트 기초 강의 2. 자료형

문자형

 

const name = "Mike";  //문자형 String

 

문자형을 작성하는 3가지 방법

const name = "Mike" 큰따옴표

const name = 'Mike' 작은따옴표

const name = `Mike` 백틱

 

작은따옴표를 써야하는 경우 큰따옴표로 감싸기

const message = "I'm a Girl.";

작은따옴표만 사용해서 작성하고 싶다면 역슬래시를 앞에 적기

const message = 'I\'m a Girl.';

백틱은 문자열 내부에 변수를 표현해줄때 사용

const message = `My name is ${name}`;

표현식을 사용하는 것도 가능

const message = `나는 ${20+7}살 입니다.`;

 

 

 

숫자형

 

const age = 30; //숫자형 Number

 

소숫점 표현도 가능

const PI = 3.14;

 

console.log(1 + 2); // 더하기

console.log(3 - 1); // 빼기

console.log(1 * 2); // * 곱하기

console.log(4 / 2); // / 나누기

console.log(7 % 2);  // % 나머지(나누고 남은 나머지 값을 반환)

 

숫자를 0으로 나누면 Infinity 값을 받을 수 있음 (무한대)

 

문자열을 숫자로 나누면 NaN이 나옴

NaN = Not a Number

나중에 숫자와 관련된 작업을 할 때 NaN이 아닌지 보며 작업해야함

 

 

 

불리언

 

const a = true; // 참

const b = false; // 거짓

 

 

const name = 'Mike';

const age = 30;

console.log(name == 'Mike')

console.log(age > 40)

거짓인지 참인지 판별해줌

 

 

 

null : 존재하지 않는 값   +자료형 object

undefined : 값이 할당되지 않음   +자료형 undefined

 

그 외

객체형

심볼형

 

 

 

 

typeof 연산자

변수를 사용하는 본인이 직접 작성했다면 사용할 일이 없지만

API통신 등을 통해 받아온 다른 개발자가 작성한 변수를 데이터를 타입에 따라 다르게 처리해야 할 때 사용

 

 

tip)

백틱으로 작성한 것을 작은따옴표로 바꾸면 변수명이 그대로 노출됨. 주의!

 

숫자형처럼 문자형도 더하기를 사용할 수 있음

문자형과 문자형을 더하면 하나의 문자형이 됨

(예 : 문자형끼리 더해 문장 만들기)

 

문자형과 숫자형도 더할 수 있으나 그럼 숫자형이 문자형으로 변경됨