[JavaScript] 객체, 생성자 개념 (Object, Constructor Concept)

 

 

- 객체 (Object) : 데이터(실체)와 그 데이터에 관련되는 동작(절차, 방법, 기능)을 모두 포함한 개념

 

-> 자바스크립트에서는 보통 key, value 형태 값의 모임

 

- 배열과 객체 비교

 

1. 배열 생성과 배열 선언

 

// 배열 Array 생성 (배열은 [] 대괄호로 선언)

var array = ["첼시", "아스날', "맨시티", "리버풀"];

 

// 배열 요소 접근

array[0]    -> "첼시"

array[1]    -> "아스날"

 

-> 인덱스 : 0, 요소 : "첼시" 입니다.

즉, 배열은 요소 "첼시"에 접근하려면 인덱스 0을 사용합니다.

 

 

2. 객체 Object 생성과 선언 

 

// 객체 생성 (객체는 {} 중괄호로 선언)

// A: 속성 , "아스날" : 속성값

var object = {

  A : "아스날"

  B : "맨유"

  C : "첼시"

  D : "토트넘"

}

 

// 객체 요소 접근

object["A"] (= object.A)  // 같은 호출방식

object["B"] (= object.B)

object["C"]

 

object[A] -> X (undefined)

 

-> 객체는 요소대신 '키' 값을 사용하여 요소에 접근합니다.

 

- 속성 : 객체가 가진 값

- 메서드 : 객체가 가진 속성 중 함수 7자료형

 

3. 객체 내 속성 추가 & 제거 방법

 

<script>

// 객체 선언

var epl = {};

 

// 속성 추가

epl.이름 = "ManCity";

epl.지역 = "Manchester";

epl.구장 = "ETIHAD STADIUM";

epl.감독 = "Pep";

 

// 속성 제거

delete epl.지역

delete epl.감독

 

console.log(epl);

</script>

 

 

- 생성자 (Constructor) : 객체를 생성할 떄 사용하는 함수 

 

new 키워드로 객체 생성