Javascript 객체

객체의 구성요소

• 속성(Property)

• 기능(Method)

자바스크립트의 객체 : 내장객체, 브라우저 객체 모델, 문서 객체 모델

 

1. 내장객체

   : 브라우저의 자바스크립트 엔진에 내장된 객체
   필요 시 객체를 생성해서 사용 가능
   -> 문자(String), 날짜(Date), 배열(Array), 수학(Math), 정규표현객체(RegExp Object) 등

2. 브라우저 객체 모델 (BOM)

   : 브라우저에 계층 구조로 내장되어 있는 객체
   브라우저 객체 - window )) location, document, screen, history, navigator 등

3. 문서 객체 모델 (DOM)

   : HTML 문서 구조
   HTML의 모든 요소들을 문서 객체로 선택하여 자유롭게 속성을 바꾸고, 원하는 스타일(CSS)을 적용할 수도 있다.
   * 호환성 문제 때문에 제이쿼리 문서 객체 모델을 많이 사용함

 

 

내장 객체

날짜 Date()

var today = new Date("2020-1-3");   //또는 2020,0,3

날짜 형식 참고 -> https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date

 

 

배열 Array()

객체 생성 방법 3가지

 

1. var d = new Array();

d[0] = 30;

d[1] = "가나다";

d[2] = true;

 

2. var d = new Array(30, "가나다", true);

 

3. var d = [30, "가나다", true];

 

배열 객체에 저장된 데이터 불러오기

for (var i = 0; i<arr.length; i++) {
	document.write(arr[i]);
}

for (i in arr) {
	document.write(arr[i]);
}

//결과값은 같다.

 

 

문자열 객체 String()

문자열 객체 생성하기

 - var t = new String("hello");

 - var t = "hello";