🌷 [230303] ES6 주요 문법 ( spread /rest )

🦄 너무너무 히므드민다.

---

🍀 오늘의 날짜 : 23년 03월 03일 
🍀 오늘의 주제 : ES6 주요 문법 개요 

• spread/rest 문법 
• 구조 분해 (destructing)
• 화살표 함수 (arrow function ) 

---

 

 

🌷햇깔렸던 부분들 + TIP🌷

 

#배열과 짱친

spread문법 [ ... ] 

배열을 풀어서 인자로 전달하거나 각각의 요소로 넣을 때 사용합니다. 

 

 

# 배열 합치기

 

 

 

# 배열 복사 

 

 

 

# 객체에서 사용

 

 

 

# 함수에서 나머지 파라미터 받아오기 

" 💡spread는 원본 배열 해치지 않아요~! "

 

 

 

 

 

rest 문법 [ ... ] 

파라미터를 배열의 형태로 받아서 사용할 수 있습니다. 

제가 이해한 것은 받은 파라미터를 찢어버리는 느낌입니다. (객체 / 배열 동일하게 작동 )

 

 

 

🔖 reduce( )

배열과 화살표 함수와 자주 쓰이는 듯 합니다. 

빈 요소를 제외하고, 배열 내에 존재하는 각 요소에 대해 callback 함수를 한번씩 실행합니다. 

이때의 실행 값을 누적하여 새로운 결과값을 반환하는 함수입니다. 

배열이름.reduce(  ( callback[,  initialValue] )  =>   행해야 할 조건   );

(살짝 햇깔리지만,,)

reduce( )는 네 가지 인자를 받는데, 

 

      * accumulator  : #initialValue (초기화 값)가 있는 경우, accumulator = initialValue ( 없는 경우는 배열[0])

      * currentValue : 배열의 첫 번째 값 ( # initialValue (초기화 값)이 없는 경우, 배열[1] 값에 해당 ) 

      * currentIndex

      * array : 배열이름(호출한 배열)

 

 

나머지 ES6 주요 문법도 추가 업데이트 해야 겠음 

 

 

---

🌱 오늘의 생각                                               

🔹

🔹

 

🌱  공부 중 참고 사이트                                   

🔹MDN [spread/rest]

🔹

 

🌱 도움이 될 만한 사이트 추천쓰                     

🔹

🔹

🔹

🔹