JS 자바스크립트 기초 - 02. 자료형

 

 

 

/.

 

 

 

 

 

 

자료형

 

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

const name1 = "Mike";
const name2 = 'Mike';
const name3 = `Mike`;

const message = "I'm a boy.";
const message2 = 'I\'m a boy.';
// 작은 따옴표로 표현하고 싶다면, 작은 따옴표 앞에 백슬래시 추가하면 특수문자로 인식

const message3 = `My name is ${name}`;
// 백틱은 문자열 여부에 변수를 표현할 때 편리
console.log(message3);

// 만약 $를 표현하는데, 큰따옴표로 표현한다면
const message3_1 = "My name is ${name}";
// result = "My name is ${name}"
// 그대로 표현되어 버리니까 유의해야 함

const message4 = `나는 ${30+1}살 입니다.`;
console.log(message4);

 

 

 

 

숫자형

const age = 30; // 숫자형 Number
const PI = 3.14;

console.log(1 + 2); // 더하기
console.log(10 - 3); // 빼기
console.log(3 * 2); // * 곱하기
console.log(6 / 3); // / 나누기
console.log(6 % 4); // % 나머지

 

 

 

만약 숫자를 0으로 나누면 어떻게 될까?

const num = 2;
console.log(num / 0);

 

 

result

Infinity

 

infinity : 무한대로 얻을 수 있음

 

 

 

Code

const name = "Mike";
const y  = name/2;

console.log(y); // NaN

// NaN = Not a number

 

 

NaN이 아닌지 항상 염두하면서 사용해야 함

 

 

 

논리형

// Boolean

const a = true; // 참
const b = false; // 거짓

const name = "Mike";
const age = 30;

console.log(name == 'Mike'); // true
console.log(age > 40); // false

 

 

 

 

null / undefined

// null과 undefined

let age;
console.log(age); // undefined


let user = null; // null

 

 

 

 

typeof 연산자

// typeof 연산자

const name = "Mike";

console.log(typeof 3); // "number"
console.log(typeof name); // "string"
console.log(typeof true); // "boolean"
console.log(typeof "xxx"); // "string"
console.log(typeof null); // "object" = 객체형 / null = 객체형이 아님
console.log(typeof undefined); // "undefined"

 

 

 

응용 예시

const name = "Mike";

const a = "나는 ";
const b = " 입니다.";

console.log(a + name + b);
// 나는 Mike 입니다.

const age = 30;
console.log(a + age + "살" + b);
// 나는 30살 입니다.

 

=> 문자형 + 문자형 = 문자형

=> 숫자형 + 문자형 = 문자형으로 변경됨!

 

 

 

 

 

 

 

 

 

정리되어있는 내용은 코딩앙마 자바스크립트기초강좌를 듣고

정리한 내용입니다.