개발자 미니민의 개발스터디

[javascript] 변수의 데이터형 / null과 undefined / typeof / 자료형 변환

by mini_min
[javascript] 변수의 데이터형 / null과 undefined / typeof / 자료형 변환

✔️ 변수의 데이터형

: boolean : true 와 false

: null : null 값을 나타내는 특별한 키워드 

: undefined : 값이 저장되어 있지 않은 최상위 속성

: Number : 정수 또는 실수형 숫자

: String : 문자열

: Symbol : 인스턴스가 고유하고 불변인 데이터형

 

2) Object 객체

: 객체와 함수는 언어의 다른 기본 요소이다.

<script type="text/javascript">
var a, b;
a = "123";
console.log(typeof (a)); //string
b = a + 10;
console.log(typeof (b)); //string 값은 12310 나옴
a = Number(a); //Number 함수를 이용하여 문자열을 숫자로 변환
console.log(typeof (a)); //number 로 나옴.
b = a + 10;
console.log(b); //133
a = String(a); //String 함수를 이용하여 숫자를 다시 문자열로 변환
console.log(typeof (a)); //string
a = "true";
console.log(typeof (a)); //String
a = Boolean(a); //Boolean 함수를 이용하여 문자열을 Boolean 타입으로 변환
console.log(typeof (a)); //Boolean
</script>

 

 

✔️ null과 undefined

: 이 두 타입은 모두 자바스크립트에서 '값이 비어있음'을 나타낸다.

: 기본적으로 값이 저장되지 않은 변수는 undefined 타입이며, 이것은 타입이자 값이다.

: 자바스크립트에서는 null 이란 빈 객체를 참조하는 특별한 값이다. 

- null 타입 변수의 경우는 개발자가 명시적으로 값이 비어있음을 나타내는데 사용한다. 주의해야할 점은, typeof 한 결과가 null 이 아니라 object 이다!

: null 타입의 변수인지 확인 할 때는 typeof 연산자를 사용하면 안되고, 일치 연산자를 사용해서 값을 직접 확인해야한다.

b = a === null;
console.log(b); //true 나옴

 

 

✔️ typeof

: 변수의 데이터타입을 확인할 때 사용한다.

<script type="text/javascript">
var a = null;
var b;
//typeof : 변수의 데이터타입을 확인할 때 사용
console.log(typeof a);
console.log(typeof b);
b = a === null;
console.log(b); //true 나옴
</script>

 

 

✔️ 자료형 변환

: 자바스크립트는 동적 형 지정 언어로, 변수를 선언할 때 데이터 형을 지정할 필요가 없다.

: 데이터 형이 스크립트 실행 도중 필요에 의해 자동으로 변환된다.

✨ 숫자와 문자열 값 사이에 + 연산자가 포함된 식이면 자바스크립트는 숫자 값을 문자열로 변환한다.

<script type="text/javascript">
var a;
a = 10 + '20';
//숫자 + 문자 => 문자 + 문자 => 문자로 형변환된다.
console.log(a); //1020 으로 나옴
a = 20 - '15'; // 숫자 연산자 문자 = 에서 + 이외의 문자가 숫자로 변환됨
console.log(a); // 5 나옴
// + 는 문자로 형변환, 이외에는 숫자로 변환된다.
a = 20 * '15' //300
console.log(a); // 300
</script>
💡 숫자 + 문자 => 문자 + 문자 => 문자로 형변환된다.
+ 이외의 문자는 숫자로 변환된다!
💖 + 는 문자로 형변환, 이외에는 숫자로 변환된다. 

 

 

 

 

 

블로그의 프로필 사진

블로그의 정보

개발자 미니민의 개발로그

mini_min

활동하기