모던 자바스크립트 문법

Spread & Rest Operater

 - Spread 연산자와 Rest 연산자는 같은 구문을 사용함 : ...

 - Spread Operator 는 배열에서 요소들을 가져오거나 객체에서 속성들을 가져옴.

 - Spread Operator 는 기본적으로 1 depth 까지만 Deep Copy 를 수행함.

 - 참고 : https://hanamon.kr/javascript-shallow-copy-deep-copy/

배열에서 Spread Operator 사용한 예

 - Rest Operator 는 Deconstructuring 과 관련된 문법으로, 아래와 같이 사용됨.

배열에서 Rest Operator 를 사용한 예

JS Array Functions

 - 차세대 자바스크립트는 아니지만, 다음과 같은 javascript Array 함수가 있음.

 - 아래 링크를 통해 사용법 참조.

 

다음 페이지는 어레이 프로토타입에서 사용할 수 있는 다양한 방법에 대한 좋은 개요를 제공합니다.

필요에 따라 이를 클릭하고 지식을 리프레시할 수 있습니다. 

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array

이 코스에서 특히 중요한 사항은 다음과 같습니다:

• map()  => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map
• find()  => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find
• findIndex()  => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex
• filter()  => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter
• reduce()  => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce?v=b
• concat()  => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/concat?v=b
• slice()  => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice
• splice()  => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice

 

참조 : https://www.udemy.com/course/best-react/