TIL 01 JavaScript 기초 변수, 출력, 데이터 타입(원시타입)

1.  변수

변수는 데이터를 담을 수 있는 대상이다.

변수는 선언과 할당으로 적용이된다. 선언할 때는 var, let, const의 키워드를 사용한다.  할당은 ' = ' 기호를 사용한다. 

 

let name = 'Jeon';  // 선언과 할당이 적용된 변수
let name2;   // 선언만 적용된 변수
const num = 1;

 

우변에 있는 데이터를 좌변에 선언된 변수에 넣는 형태이다.

 

2.  출력

어떤 대상을 콘솔상에 출력하기위해서는

 

console.log(출력할대상);

 

위에 명령문을 이용한다. 출력할 대상에는 변수, 데이터같은것이 포함된다.

위에서 선언한 변수들을 출력하면

 

console.log(name);  // Jeon 출력
console.log(name2);  // undefined 출력
console.log(num);  // 1 출력
console.log(100);  // 100 출력
console.log(name, num)	// Jeon 1 출력

 

출력하게되면 각자 변수에 선언된 데이터가 나온다.  name2를 출력하면 undefined가 나오는데 이는 변수를 선언만하고 데이터(값)을 

할당해주지 않았을때 선언되는 데이터 타입이다. 

콤마( , )를 사용하면 한번에 여러개 출력이 가능하다

3.  데이터타입

 

JavaScript에서는 데이터타입은 크게 두가지로 분류된다. 원시타입과 객체 타입으로 분류되는데 원시타입에는 숫자, 문자열, 불리언(boolean), undefined, null이 있다. 객체 타입에는 객체, 함수, 배열등이 있다.

문자열

let name = 'Jeon'; // 문자열타입이 변수에 할당이 된 상태
let fruit = "apple"  // 위와 동일

 

위와같이 문자열 타입은 텍스트가 큰따옴표나 작은따옴표에 감싸여서 사용된다.

숫자열

let number = 1;  // 변수에 숫자타입이 할당됨
let number = 10.5;

 

위와같이 숫자 타입은 정수, 실수등 모든 숫자에 해당된다.

불리언(Boolean)

let boo = true;
let coo = false;
console.log(boo)  // true 출력
console.log(coo)  // false 출력

 

불리언은 참(true)과 거짓(false)를 나타내는 데이터 타입이다.

undefined, null

let fruit;
console.log(fruit);  // undefined 출력

let name = null;
console.log(name);  // null 출력

 

undefined타입과 null타입은 비슷하면서도 확연히 다른점이 있다. undefined은 선언만하고 값이 할당되지않으면 undefined가 반환이된다. 반면에 null은 사용자가 인위적으로 변수에 null이라고  변수에 빈값을 할당해주는것이다.즉 변수에 아무값도 없다고 명시해주는것이다. 반면에 undefined는 null과 다르게 인위적으로 할당이 불가능하다.