[JavaScript] 객체

객체(Object)

원시 타입을 제외한 나머지 값들(함수, 배열, 정규표현식 등)은 모두 객체이며, JavaScript의 객체는 key와 value로 구성된 property들의 집합이다.

 

객체의 구조

• key와 value가 존재
• key: 빈 문자열을 포함하는 모든 문자열
• value: 모든 데이터 값

let obj = {};
  // 'key'     'value'
obj['name'] = 'cho';
console.log(obj);		// {name: 'cho'}

 

객체 생성

• {} 객체 리터럴 방식으로 생성할 수 있다.
• new Object 함수로 생성할 수 있다.

// 객체 리터럴 방식
let obj1 = {};

// Object 생성자 함수
let obj2 = new Object();

 

객체 key, value 할당

• 객체 생성과 동시에 key와 value가 할당이 가능하다.
• key값을 사용하여 값을 재할당 할 수 있다.

// 선언과 동시에 할당
let obj = {
   name: 'cho',
   age: 20
};

// 객체 key 생성 및 value 할당
obj['year'] = 2022;		// {name: 'cho', age: 20, year: 2022}

// 값 재할당
obj['year'] = 2021;		// {name: 'cho', age: 20, year: 2021}

 

객체 key, value 출력

• 객체[key]: key값은 항상 문자열로 작성해야 한다.
• 객체.key: 객체의 key를 사용하여 출력한다.
• 변수 사용: 변수에 해당 객체의 속성을 문자열로 할당시켜 객체[key] 방식으로 출력한다.

let obj = {
   name: 'cho',
   age: 20
};

// []안에 문자열로 출력
obj['name'];		// 'cho'

// 객체.객체속성으로 출력
obj.name;		// 'cho'

// 변수를 이용한 출력
let str = 'name';
obj[str];		// 'cho'

 

 

참고자료

https://poiemaweb.com/js-object