[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