[JavaScript] 객체(Object)

Lpla

2021. 3. 21. 16:08

현재 본문 내용보다 다음 링크를 읽으시는 것을 추천합니다.

[JavaScript] 객체 리터럴

객체 자바스크립트는 객체 기반 언어이고 자바스크립트를 이루고 있는 모든 것이 객체이다. 정확하게는 원시 타입을 제외한 나머지 모든 것은 객체이다. 그리고 객체는 프로퍼티로 구성되어 있

lpla.tistory.com

객체(Ojbect)

객체(object)는 중괄호를 사용해 다양한 데이터를 담을 수 있다.

var member = {};

객체는 키(key) : 값(value)으로 이루어져 있고 이를 프로퍼티(property)라고 한다.

var member = {
	'name' : 'Jin',
	'age' : 30,
	'country' : 'italy'
}

점 표기법으로 프로퍼티를 호출, 추가, 삭제하는 법은 다음과 같다.

호출

console.log(member.name); // Jin
console.log(member.country); // italy

추가

member.gender = 'man';

삭제

delete member.age;

대괄호 표기법으로 프로퍼티를 호출, 추가, 삭제하는 법은 다음과 같다.

var member = {
	'name' : 'Jin',
	'age' : 30,
	'country' : 'italy'
}

호출

member['name']; // Jin

추가

member['my friend'] = true;

삭제

delete member['country'];

대괄호 표기법은 아래와 같은 방식으로도 쓸 수 있다.

var member = {
	'name' : 'Jin',
	'age' : 30,
	'country' : 'italy'
}

var who = 'name';
member[who]; // Jin

for ~in을 사용하여 객체에서 프로퍼티를 열거할 수 있다.

var member = {
  'name' : 'Jin',
  'age' : 30,
  'country' : 'italy'
}

키(key) 열거

for (var items in member) {
  console.log(items);
}
// name
// age
// country

값(value) 열거

for (var items in member) {
  console.log(member[items]);
}
// jin
// 30
// italy