본문 바로가기
TIL/코드스테이츠 TIL

코드스테이츠 소프트웨어엔지지어링 부트캠프 +15일

by 안뇽! 2021. 8. 3.
반응형

객체를 공부했다.

코플릿이 어려워서 두 번 더 풀었다.

 

코플릿을 계속 풀다보니 dot notationbracket notation 의 활용에 대해 자연스럽게 알게 되었고 간단히 정리하였다.

요약하면 변수를 활용할 수 있느냐 없느냐의 차이다.

https://wnsdufdl.tistory.com/36

 

JS 객체 dot notation과 bracket notation

객체 dot notation과 bracket notation 객체의 표기법에는 두가지가 있다. dot notation bracket notation dot notation : key.value. (value는 문자열이다.) 읽기 쉽고 더 자주 사용하는 방식이다. 객체를..

wnsdufdl.tistory.com

 

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]
반응형