Web/Front-End
모던 자바스크립트 문법
개발하는SM
2023. 1. 8. 15:06
Spread & Rest Operater
- Spread 연산자와 Rest 연산자는 같은 구문을 사용함 : ...
- Spread Operator 는 배열에서 요소들을 가져오거나 객체에서 속성들을 가져옴.
- Spread Operator 는 기본적으로 1 depth 까지만 Deep Copy 를 수행함.
- 참고 : https://hanamon.kr/javascript-shallow-copy-deep-copy/
- Rest Operator 는 Deconstructuring 과 관련된 문법으로, 아래와 같이 사용됨.
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