자바스크립트 자료형 - null, undefined

자바스크립트의 자료형(Data type)에는 string, number, boolean 외에도 null, undefined가 있다.

null, undefined 둘 다 '값이 없다' 라는 뜻이지만 약간 다르게 쓰임.

null은 '값이 없다'는 것을 의도적으로 표현할 때 사용하는 값이고,
undefined는 직접 값을 표현하기보다는 코드를 실행하면서 '값이 없다'는 것을 확인할 수 있는 것.

javascript에서는 값이 주어지지 않은 변수에는 기본적으로 undefined 값을 가지고 있음.
다시 말해서 undefined는 변수를 선언한 뒤 값을 정해주지 않았다는 것을 의미한다고 볼 수 있다.

let javascript;
console.log(javascript);

위 코드를 실행하면 console 창에는 undefined 가 출력된다.

코드를 작성하는 사람이 의도적으로 비어있는 값을 표현하고 싶을 때에는

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

이렇게 코드를 작성하면 null 값이 출력이 된다. 다시 말해서 null은 의도적으로 없다 라는 의미의 값을 저장할 때 사용한다 ! 지금은 기초지만 실제로 코드를 작성하는 상황에서는 다양한 상황에서 null과 undefined 를 볼 수 있다. 어떤 상황이건 기초는 변하는 게 없으니 처음부터 잘 다지자 .. !

문제

설명

숫자형을 담고 있는 변수들(material1, material3, material5)과 문자열을 담고 있는 변수들(material2, material4)이 있다. 변수들끼리 연산을 하여 result1에는 문자열 '34'를, result2에는 숫자형 34를 만들어 넣어 주세요! 단, 절대 숫자값을 사용하지 마세요. result1과, result2는 반드시 material1~5 변수들의 연산식만 할당해야 합니다.

실습 결과는 다음과 같아야 합니다.

34
string
34
number

정답

// 숫자형과 문자열 재료
let material1 = 3;
let material2 = '3';
let material3 = 10;
let material4 = '4';
let material5 = 4;

// 연산 결과
let result1;
let result2;

// 연산을 통해 result1에 문자열 '34'를, result2에 숫자형 34를 만들어 넣어주세요
// 여기에 코드를 작성하세요
result1 = material1 + material4;
result2 = (material1 * material3) + material5;

// 테스트 코드
console.log(result1);
console.log(typeof result1);
console.log(result2);
console.log(typeof result2);