데이터 형

- 최선 ECMAScript 준은 7가지 데이터 형을 정의한다.

(1) 6가지 원시 데이터 형

　· Boolean : true와 false

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

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

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

　· String : 문자열 

　· Symbol : (ECMAScript 6에 도입) 인스턴스가 고유하고 불변인 데이터 형

(2) Object : 객체

- 객체와 함수는 언어의 다른 기본 요소이다. 객체는 값을 위한 컨테이너, 함수는 어플리케이션이 수행할 수 있는 절차로 생각할 수 있다.

 

데이터 타입

더보기 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">

<script type="text/javascript">
var a, b;

b = '자바'; // string - 문자열
a = typeof(b);
console.log(a);

b = 50; // number - 숫자
a = typeof(b);
console.log(a);

b = true; // boolean - 논리형
a = typeof(b);
console.log(a);

b = function() { }; // function - 함수도 스크립트에서는 객체
a = typeof(b);
console.log(a);

b = { }; // object - 객체
a = typeof(b);
console.log(a);

b = null; // object - null은 반객체를 참조하는 특별한 값
a = typeof(b);
console.log(a);

var x;
a = typeof(x); // undefined - 값이 초기화되지 않는 변수는 underfined 타입이다.
console.log(a);
console.log(x); // 값이 초기화되지 않는 변수의 값은 undefined 이다.
				// undefined는 타입이자 값이다.
				
a = typeof(y); // undefined - 정의하지 않은 변수는 undefined 타입이다.
console.log(a);

</script>
</head>
<body>

<h3>데이터 타입</h3>

</body>
</html>

 

데이터 타입 - null

더보기 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
<script type="text/javascript">
var a = null;
var b;

b = typeof a;
console.log(b); // null의 타입은 object

// 변수가 null인지 확인 하는 방법
b = a === null; // === : 일치 연산자
console.log(b); // true

</script>
</head>
<body>

<h3>데이터 타입 - null</h3>

</body>
</html>

 

자료형 변환

- Javascript는 동적 형 지정 언어로 변수를 선언할 때 데이터 형을 지정할 필요가 없다.

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

 

자료형 변환

더보기 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
<script type="text/javascript">
var a;

a = 10 + '20'; // 숫자 + 문자 => 문자 + 문자 => 문자열로 형변환 됨(+는 문자 우선)
				// 문자 + 숫자 => 문자 + 문자
console.log(a); // 1020

a = 20 - '15'; // "숫자 연산자 문자" 에서 "+" 이외는 문자는 숫자로 형변환 됨
console.log(a) // 5

a = 20 * '10'; // 문자가 숫자로 형변환 되어 연산 됨
console.log(a) // 200

</script>
</head>
<body>

<h3>형변환</h3>

</body>
</html>

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">

<script type="text/javascript">
var a, b;

a = "123";
console.log(typeof(a));

b = a + 10;
console.log(b); // 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));

a = "true";
console.log(typeof(a)); // String

a = Boolean(a); // Boolean() 함수를 이용하여 문자열을 boolean으로 변환
console.log(typeof(a)); // boolean

</script>

</head>
<body>

<h3>형변환</h3>

</body>
</html>

 

 

저작자표시 동일조건

'쌍용강북교육센터 > 9월' 카테고리의 다른 글

0924_Javascript : 리터널 Liternal  (0) 2021.09.25
0924_Javascript : 상수 Constant  (0) 2021.09.25
0924_Javascript : 변수 Variable / 선언, 호이스팅  (0) 2021.09.25
0924_Javascript : 개요  (0) 2021.09.25
0923_CSS : Grid Layout  (0) 2021.09.23

+ Recent posts

티스토리툴바