j07. 자바스크립트 자료형

자바스크립트 자료형

자바스크립트 자료형 (JavaScript Data Types) 은, 문자열 (String), 숫자 (Number), 불리언 (Boolean), 배열 (Array), 객체 (Object) 등이 있습니다.

<p id="myID71"></p>

<script>
var myWeight = 7.1e1; // 숫자 (지수도 가능)
var myHomeTown = "Seoul"; // 문자
var myPhone = ["아이폰", "갤럭시", "옵티머스"]; // 배열
var myPersonalInfo = {myWeight:71, myHomeTown:"Seoul"}; // 객체
document.getElementById("myID71").innerHTML = myPersonalInfo.myWeight;
</script>

---

자바스크립트 배열 (JavaScript Arrays) 은 대괄호 (square brackets, [] ) 로 씁니다.

배열 항목 들은 콤마 (commas, , ) 로 구분합니다.

var myPhone = ["아이폰", "갤럭시", "옵티머스"];           // 배열

배열의 번호 (Array indexes) 는 0 부터 시작합니다. 따라서 첫번째 항목은 [0], 두번째 항목은 [1], 이렇게 계속 됩니다.

---

자바스크립트 객체 (JavaScript Objects) 는 중괄호 (curly braces, {} ) 에 담습니다.

객체 프로퍼티 (Object properties) 는 이름:값 의 쌍 (name:value pairs) 으로 쓰고, 콤마 (,) 로 요소들 간에 구분합니다.

var myPersonalInfo = {myWeight:71, myHomeTown:"Seoul"}; // 객체

---

자바스크립트 타입 연산자 (JavaScript typeof operator) 는 자바스크립트 변수의 자료형을 찾을 때 사용합니다.

<p id="myID72"></p>

<script>
document.getElementById("myID72").innerHTML =
"세종대왕" + "은 " + typeof "세종대왕" + "<br>" +
"1000000" + "은 " + typeof 1000000 + "<br>" +
"true" + "는 " + typeof true + "<br>" +
"[55,12,88,33]" + "는 " + typeof [55,12,88,33] + "<br>" +
"{myBook:'자바스크립트 개요', myPage:100}" + "은 " + typeof {myBook:'자바스크립트 개요', myPage:100};
</script>

여기에서 자바스크립트의 배열 (array) 은 객체의 특별한 형태 (a special type of object) 입니다. 따라서 typeof [55,12,88,33] 는 object 를 반환 하였습니다. 

---

자바스크립트에서 값을 갖지 않은 상태의 변수는, 값으로 언-디파인드 (undefined) 를 갖습니다. 이 때는 데이터의 타입도 또한 undefined 를 갖습니다.

person = undefined;

---

var myPhone = "";                // 값은 "", 타입은 string
var myPersonalInfo = null;           // 값은 null, 타입은 object
var myPersonalInfo = undefined;     // 값도 undefined, 타입도 undefined

---

[광고] Udemy 동영상 강의로 보기