객체(Object)

객체

객체는 key와 value로 구성된 Property들의 집합이다.

객체 구조

let user={
firstname:"name",
email:"email@email.com"
};

객체는 위와 같이 중괄호({})안에 key와 value 쌍으로 이루어져 있으며 콜론(:)으로 key와 value를 구분한다.

객체 속성 조회

객체의 속성을 조회하는 방법에는 대표적으로 Dot notation 과 Bracket notation이 있다.

Dot notation

let user={
firstname:"name",
email:"email@email.com"
};
user.firstname // expected output : "name"

조회하고자 하는 객체에 Dot(.)을 붙인후 키값을 입력하면 해당 객체의 키값을 조회한다.

Bracket notation

let user={
firstname:"name",
email:"email@email.com"
};
user["firstname"] // expected output : "name"

조회하고자 하는 객체의 뒤에 Bracket([])을 입력후 Brackte안에 해당 키값을 문자열 형태로 입력하면 해당 객체의 키값을 조회한다.
추가적으로 key 값이 동적으로 변할때(key값이 변수일 때) Bracket notaiton방식을 사용하여 key 값을 문자열이 아닌 변수 형태로 입력하게 되면 동적인 key값의 value를 조회 할 수 있다.

객체 속성 추가 및 변경

Dot notation 또는 Bracket notation을 통해 객체에 새로운 key값과 value를 할당하거나 객체의 key값에 접근하여 객체의 value를 변경할 수 있다.

let user={
firstname:"name",
email:"email@email.com"
};
user["firstname"]="firstname";
console.log(user); // expected output : {firstname:"firstname", email:"email@email.com"}
user["lastname"]="lastname";
console.log(user); // expected output : {firstname:"firstname", email:"email@email.com", lastname:"lastname"}

객체 키, 속성 삭제

delete 연산자를 통해 객체의 key값에 접근하여 해당 key와 value를 삭제할 수 있다.

let user={
firstname:"name",
email:"email@email.com"
};
delete user.firstname;
console.log(user); // expected output : {email:"email@email.com"}