반응형
객체를 공부했다.
코플릿이 어려워서 두 번 더 풀었다.
코플릿을 계속 풀다보니 dot notation 과 bracket notation 의 활용에 대해 자연스럽게 알게 되었고 간단히 정리하였다.
요약하면 변수를 활용할 수 있느냐 없느냐의 차이다.
https://wnsdufdl.tistory.com/36
for ..in 과 for.. of
for in과 for of에 대해서도 크루님이 간단히 설명해주었다.
for in : 객체,배열,문자열에서 모두 사용 할 수 있고, for in은 객체에서의 key, 배열이나 문자열에서는 index에 차례로 접근한다.
해당 객체의 모든 key값을 처음부터 끝까지 순회, (배열,문자열이라면 index를 처음부터 끝까지 순회)
for of : 배열, 문자열에 사용한다고 우선 알고 있자. for of은 배열, 문자열에서의 value에 접근한다.(사실 배열도 따지고보면 객체지만 여기선 분리하자.)
해당배열,문자열의 모든 요소를 처음부터 끝까지 순회
for of에 특별한 메소드를 추가하면 객체에서도 사용할 수 있긴 하다.
Object.keys()와 Object.values()
아래 두 메서드는 코플릿을 풀면서 유용하게 사용한 것들이다.
Object.keys(obj) : obj객체의 key들을 배열로 반환한다.
const object1 = {
a: 'somestring',
b: 42,
c: false
};
console.log(Object.keys(object1)); // ["a", "b", "c"]
//Object.keys(object1)은 object1 의 key들로 이루어진 배열을 반환한다.
Object.values(obj) : obj객체의 value들을 배열로 반환한다.
const object1 = {
a: 'somestring',
b: 42,
c: false
};
console.log(Object.values(object1)); //["somestring", 42, false]
반응형
'TIL > 코드스테이츠 TIL' 카테고리의 다른 글
코드스테이츠 소프트웨어엔지지어링 부트캠프 +17일 (0) | 2021.08.04 |
---|---|
코드스테이츠 소프트웨어엔지지어링 부트캠프 +16일 (0) | 2021.08.04 |
코드스테이츠 소프트웨어엔지지어링 부트캠프 +14일 (0) | 2021.08.01 |
코드스테이츠 소프트웨어엔지지어링 부트캠프 +13일 (0) | 2021.07.31 |
코드스테이츠 소프트웨어엔지지어링 부트캠프 +12일 (0) | 2021.07.30 |