JavaScript - 객체(object)

<목차>

1. 객체

2. 객체 문법

3. 객체 호출

4. 객체 수정

 

 

---

 

1. 객체

객체(Object) :  키(key)와 값(value)으로 구성된 값들의 집합이다.
객체 안에 속성이라 불리는 값들을 할당하고 각각 속성 쌍들을 쉼표(,)로 구분한다.
중괄호 '{}' 를 이용해 객체를 선언한다.

const computer = {
    name : "ASUS",
    model : 14,
    color : "black",
    sell : false,
    price : 1000
}

---

2. 객체 문법

// 리터럴 문법
const user = {};

// 생성자 문법
// new 예약어
const user = new Object();

---

3. 객체 호출

각 속성에 지정한 키(key) 값으로 객체를 호출해 키 값과 일치하는 속성을 찾은 후 값(value)을 반환해 준다.

const computer = {
    name : "ASUS",
    model : 14,
    color : "black",
    sell : false,
    price : 1000
}

// 객체의 name만 호출하기
// . 표기법
console.log(computer.name) // === "ASUS"

// 괄호 표기법
console.log(computer["name"]) // === "ASUS"

// 점 표기법과 괄호 표기법의 차이
function objProperty(obj, key) {
    // console.log(obj.key);  - X 점표기법으론 함수 내부에서 접근이 어렵다.
    console.log(obj.[key]);
}
objProperty(computer, "name");

// 속성 특수문자는 괄호 표기법으로 접근한다.
const content = {
    "Content-type" : "text/javascript"
}
content["Content-type"];

---

4. 객체 추가 및 수정

const computer = {
    name : "ASUS",
    model : 14,
    color : "black",
    sell : false,
    price : 1000
}

// 추가
computer.os = "window";

// 수정
computer.price = 5000;