[inflearn] javascript: object

1. 객체(object)란?

실생활에서 특정 개념, 속성, 사물 등의 묶음을 의미한다.
js로는 다음과 같이 표현된다.

let person = {
  name: 'Eve',
  age: 1,
  height: 159,
  weight: 59
}
document.write('제 이름은 ${person.name}입니다. <br>');
document.write('제 나이는 ${person.age}입니다. <br>');
document.write('제 키는 ${person.height}입니다. <br>');

	-> 제 이름은 Eve입니다.
    제 나이는 1입니다.
    제 키는 159입니다.

person이라는 객체를 활용한 스니펫이다.
다음과 같은 표기로도 동일한 출력이 가능하다.

document.write('제 이름은 ${person['name']}입니다. <br>');
document.write('제 나이는 ${person['age']}입니다. <br>');
document.write('제 키는 ${person['height']}입니다. <br>');

2. 속성 추가하기

person.직무 = 'UX';

document.write('제 직무는 ${person['직무']입니다. <br>');
	
-> 제 직무는 UX입니다.

3. 객체 안의 객체

let person = {
  name: 'Eve',
  age: 1,
  height: 159,
  weight: 59,
  career: {'first':'company1', 'second':'company2'},
}

위와 같이 career를 추가하고 호출해보자.

document.write('제 소속은 ${person['career']['second']}입니다. <br>');
         
         -> 제 소속은 company2입니다.

딕셔너리의 key - value 관계를 생각하면 쉽다. key값으로 value를 호출한다.

4. 함수 넣기

let person = {
  name: 'Eve',
  age: 1,
  height: 159,
  weight: 59,
  career: {'first':'company1', 'second':'company2'},
  ability: sum
}

ability라는 속성을 하나 더 추가해보았다.
숫자형을 입력해서 출력해보자.

document.write('제 능력은 ${person['ability'](10, 20)}입니다.);

	-> 제 능력은 30입니다.

인자를 받아서 함수가 실행된 결과값을 얻을 수 있다.