TIL 12: 객체

객체는 배열과 달리는 순서를 갖지 않지만 의미를 갖습니다. 

 

아래 두 방법을 통해 객체의 키와 값을 사용하고, 추가하고, 삭제하는 것 모두 가능합니다.

방법1: Dot Notation

let laptop = {};
laptop.color = 'spacegrey';
laptop.brand = 'Apple';
laptop.hardDiskSize = '256GB';
laptop.memory = '8GB';
laptop.monitor = '13inch';

위와 같이 dot을 사용해서 객체의 key와 value를 추가할 수 있습니다.

 

방법2: Bracket Notation

let insta = {};
insta['name'] = 'yun';
insta['nickname'] = 'cherish_yun';
insta['website'] = 'https://high-developer.tistory.com/'

Dot Notation과 달리 이 방법을 사용할 때는 Bracket 안에 Key를 문자열 형태로 표현해주어야 합니다.

 

 

여기서 주의해야 할 점은 함수를 사용해서 객체를 불러올 때입니다.

함수의 매개변수를 key로 가지고, value는 매개변수 value의 값으로 가지는 속성이 할당되기 위해서는 dot notation이 아니라 bracket notation만 사용이 가능합니다.

그리고 bracket notation에 사용하기 위해서는 매개변수를 써줄 때 문자열 형태로 안해야 인수를 어떤 값으로 받느냐와 상관 없이 내부로 전달해 줄 수 있습니다.

 

 

 

for in 구문: 개체의 모든 Key에 접근하고 출력 가능

for of 구문: string, array, 유사배열 등에서 사용 가능한 반복문

 

let laptop = {};
laptop.color = 'spacegrey';
laptop.brand = 'Apple';
laptop.hardDiskSize = '256GB';
laptop.memory = '8GB';
laptop.monitor = '13inch';

for (let [key,value] of Object.entries(laptop)) {
    console.log(`${key}: ${value}`)
}

 

위처럼 entries라는 method와 for문을 이용하면 배열의 key와 value를 [key, value]의 형태로 리턴합니다. 

 

 

 

 

오늘 또 한 분과의 페어 프로그래밍을 마쳤습니다. 4분 중에서 가장 나이대가 비슷한 분이셔서 인지는 몰라도 굉장히 커뮤니케이션이 잘되는 느낌이 들었습니다! 덕분에 같이 으쌰으쌰하면 주어진 문제들을 거의 주어진 시간의 절반 안에 풀 수 있었습니다. 또한 이전에 회사에서 근무했던 경험이 있기도 하고, 뭔가 코딩에 정말 관심이 있으신 분이셔서 그런지 꿀팁을 많이 얻어갈 수 있었습니다. 덕분에 동기부여도 굉장히 많이 받았고, 저 또한 더 노력해서 이후에 기회가 된다면 저도 꿀팁을 드리고 싶었습니다ㅋㅋㅋ 내일 또 새로운 분과 페어프로그래밍을 하게 되는데 또 좋은 경험 해보면 좋겠습니다 (: