객체

객체

데이터가 추가되면 배열 전체에서 중복되지 않는 인덱스가 자동으로 만들어져서 추가된 데이터에 대한 식별자가 됨.
이 인덱스를 이용하여 데이터를 가져오게 됨.
인덱스를 문자로 사용하고 싶다면 객체(dictionary)를 사용해야 한다.

객체의 생성

let grades = {'rkhong': 30, 'rk' : 10, 'hong': 20 };
// egoing => key / 10 => value

// 객체를 만드는 다른 방법 1
let grades ={};
grades['rkhong'] = 30;
grades['rk'] = 10;
grades['hong'] = 20;

// 객체를 만드는 다른 방법2
let grades = new Object();
grades['rkhong'] = 30;
grades['rk'] = 10;
gradeds['hong'] = 20;

// ex) rk 라는 이름(key)으로 저장된 값을 가져오는 법
let grades = {'rkhong': 30, 'rk' : 10, 'hong': 20 };
console.log(grades['rk']); 	// 10
console.log(grades.rk);		// 10

객체에 저장된 데이터를 기준으로 반복작업 하는 방법

let grades = {'rkhong': 30, 'rk' : 10, 'hong': 20 };
for (key in grades) {
	document.write("key" : "+key+" value: "+grades[key]+"<br/>");
}

// 결과
key : rkhong value : 30
key : rk value : 10
key : hong value : 20

객체에는 객체와 함수를 모두 담을 수 있음

• 자바스크립트를 이용한 객체 지향 프로그래밍 기법의 핵심이 되는 성질.
• 취지에 따라서 로직을 객체에 그룹핑해서 객체라는 부품을 조립하여 소프트웨어라는 완제품을 만들 수 있게 해 줌.

let grades = {
	'list' : {'rkhong': 30, 'rk': 10, 'hong': 20},
    'show' : function() {
    	for (let name in this.list) {
        	document.write(name+':'+this.list[name]+"<br/>");
        }
    }
}
grades.show();

//결과
rkhong : 30
rk : 10
hong : 20

.
.
.
.

Reference

https://opentutorials.org/course/743/6491