객체지향 프로그래밍 - 객체

객체란?

서로 연관된 변수와 함수를 그룹핑하고 이름을 붙인것

객체는 여러가지 값과 함수를 가질 수 있다.

객체가 보유한 값을 '프로퍼티' , 객체가 보유한 함수를 '메서드'라고 한다.

객체의 프로퍼티와 메서드는 키와 값으로 분류된다.

 

객체와 배열

'egoing', 'graphittie', 'leezhce' 원소를 배열과 객체로 담아봤다.

 

배열

var memberArray = ['egoing', 'graphittie', 'leezhce'];
console.log("memberArray[2]", memberArray[2]);    // 배열의 접근방법

[ ]안에 인덱스 번호를 넣어서 배열 안의 원소들을 호출할 수 있다.

 

객체

var memberObject = {
manager:'egoing',
developer:'graphittie',
designer:'leezhce'
}

 

객체의 접근방법

1. 마침표로 접근

console.log(
"memberObject.designer"
, memberObject.designer);

2.대괄호[] 사이에 키 값을 '문자열'로 넣어 접근

console.log(
"memberObject['designer']"
, memberObject['designer']);

 

객체 프로퍼티 추가 및 삭제

프로퍼티 수정 및 추가

객체.수정할 키 값 = 수정될 값 으로 작성

memberObject.designer ='leezche';

프로퍼티 삭제

delete 객체.삭제할 키 값 으로 작성

delete memberObject.manager

 

반복문을 이용해서 객체에 접근하기

반복문을 이용해서 객체에 접근할때는 for in 문을 사용한다.

for(var name in memberObject){
console.log(name, memberObject[name]);
}

 

for in 반복문이란

문법 : for 변수명 in 객체

for in 을 사용하면 객체의 프로퍼티가 지정한 변수에 담김

한번 실행되면 객체의 모든 프로퍼티를 순회한다.

key 값으로만 접근이 가능함 (저 예시처럼 console.log(변수명) 입력하면 콘솔창에 키값만 찍힘)

value로 접근하기 위해 객체[변수] 로 접근해야함

 

 

 

 

 

https://opentutorials.org/module/4047/24603

배열과 객체 - JavaScript 객체 지향 프로그래밍