18. [JavaScript] 자료형

실습

https://codepen.io 

 

문자형(string)

const name = "kim";
const age = 30;

const name1 = "kim";
const name2 = "kim";
const name3 = `kim`;

const message = "I'm a boy.";
const message2 = 'I\'m a boy';
const message3 = `My name is ${name}`;
const message4 = `나는 ${age+1}살 입니다.`

console.log(message4);

 

숫자형(number)

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

console.log(1 + 2); // 덧셈 : 3
console.log(10 - 3); // 뺄셈 : 7
console.log(3 * 2); // 곱셈 : 6
console.log(6 / 3); // 나눗셈 : 2
console.log(4 % 2); // 나머지 : 0

const x = 1/0;
console.log(x); // Infinity 무한대

const name = "kim"
const y = name/0;
console.log(y); // NaN = Not a Number 숫자가 아닌값
// 숫자 작업을 할때 항상 NaN을 염두하며 작업해야 합니다.

 

불리언(boolean)

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

const name = "kim";
const age = 30;

console.log(name == "kim"); // true
console.log(age > 40); // false

 

null, undefined

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

let user = null;
console.log(user);

 

객체형, 심볼형 내용이 많으므로 이후에 설명

 

typeof 연산자

피 연산자의 자료형을 문자열(string) 타입으로 반환합니다.

// typeof 연산자
const name = "kim";

console.log(typeof 3); // number
console.log(typeof name); // string
console.log(typeof true); // boolean
console.log(typeof "boy"); // string
console.log(typeof null); // object
console.log(typeof undefined); // undefiend

 

내가 직접 만든 코드일 경우 무슨 타입을 넣고 돌려받는지 알기 때문에 잘 사용하지 않지만 다른 사람들과 협업하거나 api를 통해 데이터를 받아오는 경우 타입에 따라 처리방법이 다르기 때문에 tyepof 연사자가 필요합니다.

 

위에 코드에서 null의 타입이 object라고 나오는데 null과 object는 동일하지 않습니다.

 

+ 연산자

숫자형 + 숫자형 = 숫자형(number)

숫자형 + 문자형 = 문자형(string)

// + 연산자
const name = "kim";

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

console.log(a + name + b);

const age = 30; // number
console.log(a + age + "살" + b); // string