프론트엔드 개발자가 되기위한 여정 -28

이정우·2022년 10월 12일
0

frontend-bootcamp

목록 보기
30/60

밸! 하!

밸로그 여러분 안녕하세요!

오늘의 주제는 객체에대해서 잠깐 이야기를 드려보려고 해요!

본격적으로 오늘의 주제를 보기전에 지난시간에 봤던 주제를 잠깐 이야기드려보려고 해요!

지난시간에는 저희가 shallow routing에대해서 알아보았죠
shallow라우팅을 사용하게 되면 불필요한 데이터들을 불러올 필요도 없고 매 페이지마다 fetch를 할 필요가 없었죠!
사용법은 지난 포스팅을 보시면 되시겠습니다 !

그럼 본격적으로 오늘의 주제인 Object.keys(), values, entries, assign에 대해서 알아볼까요?!

1.Object.keys(), values, entries, assign

객체에는 여러가지 메서드 들이 있습니다 메서드가 어떤것인지는 과거 포스팅에 올렸으니 보고 오시면 훨씬 이해가 편하실 겁니다

이중 오늘 볼 key,values,entries,assign 메서드에 대해서 알아보겠습니다~~
일반적인 객체에서는 이와같은 메서드 Object.keys(), values, entries, assign를 사용 할 수 있습니다 !
그러면 이 메서드들이 어떤 역할을 하는지 한번 봐볼까요??

Object.keys(obj) – 객체의 키만 담은 배열을 반환합니다.
Object.values(obj) – 객체의 값만 담은 배열을 반환합니다.
Object.entries(obj) – [키, 값] 쌍을 담은 배열을 반환합니다.

자 이렇게 객체의 특정부분만 담은 새로운 배열을 만들어서 나올수 있게 한다는거죠

위에 3개를 봤으니 마지막
assign을 봐볼까요??
assign은
주어진 객체들의 모든 열거 가능한 자체 속성을 복사해 객체로 반환합니다!


그안에 있는 키와 벨류 쌍으로 한번에 반환한다는거죠!

자 오늘은 이렇게 간단하기 객체의 메서드중 키와 벨류 엔트리 어싸인에대해서 알아보았습니다

오늘도 지식 축적해나가보게요!

그럼 밸~바!

profile
주니어 프론트엔드 개발자

0개의 댓글