# 객체
### 객체
> 1 객체.메서드();\
> 2 객체.속성; 또는 객체.속성=값;
### 객체의 종류
내장 객체 /브라우저 객체 모델(BOM, Browser Object Model)/ 문서 객체 모델(DOM, Document Object Model)
### 내장 객체
내장 객체는 자바스크립트 엔진에 내장되어 있는 필요한 경우에 생성해서 사용할 수 있습니다. 내장 객체로는 문자(string), 날짜(date), 배열(array), 수학(math) 객체 등이 있습니다.
### 브라우저 객체 모델 (BOM)
브라우저 객체 모델은 브라우저에 계층 구조로 내장되어 있는 객체를 말합니다. 브라우저 객체로는 window, screen, location, history, navigator 객체 등이 있습니다.
### 문서 객체 모델 (DOM)
문서 객체 모델은 HTML 문서 구조를 말합니다. HTML 문서의 기본 구조는 최상위 객체로 \이 있으며, 그 하위 객체로는 \와\가 있습니다.
```javascript
let num1 = 100, num2 = 200;
document.write(num1, "
");
document.write(num2, "
");
//100
//200
```
```javascript
let arr1 = new Array();
arr1[0] = 100;
arr1[1] = 200;
document.write(arr1[0], "
");
document.write(arr1[1], "
");
//100
//200
```
```javascript
let arr2 = new Array(100, 200);
document.write(arr2[0], "
");
document.write(arr2[1], "
");
//100
//200
```
```javascript
let arr3 = [100, 200];
document.write(arr3[0], "
");
document.write(arr3[1], "
");
//100
//200
```
```javascript
let obj1 = new Object();
obj1[0] = 300;
obj1[1] = 400;
document.write(obj1[0], "
");
document.write(obj1[1], "
");
//300
//400
```
```javascript
let obj2 = new Object(300, 400);
document.write(obj2[0], "
");
document.write(obj2[1], "
");
//undefined
//undefined
```
```javascript
let obj3 = {a:300, b:400};
document.write(obj3.a, "
");
document.write(obj3.b, "
");
//300
//400
```
```javascript
let obj4 = new Object();
obj4.a = [100, 200];
obj4.b = "javascript";
document.write(obj4.a, "
");
document.write(obj4.a[0], "
");
document.write(obj4.a[1], "
");
document.write(obj4.b, "
");
//100,200
//100
//200
//javascript
```
```javascript
let obj5 = {
a: 100,
b: "100",
c: [100,200],
d: function(){
document.write("객체가 실행되었습니다.");
}
}
document.write(obj5.a, "
");
document.write(obj5.b, "
");
document.write(obj5.c, "
");
document.write(obj5.c[0], "
");
document.write(obj5.c[1], "
");
document.write(obj5.d, "
");
obj5.d();
//100
//100
//100,200
//100
//200
//function(){ document.write("객체가 실행되었습니다."); }
//객체가 실행되었습니다.
```
### 객체 생성자 함수
```javascript
function colorName(color){
for(let i = 1; i <= 10; i++){
document.write("이것은" + color,i + "입니다.","
");
}
}
colorName("빨간색");
colorName("파란색");
colorName("노란색");
```
```javascript
Document
```