새싹 프론트엔드 실무 과정 4주차 Java Script ES6 문법

• 4주차 목요일

09. ES6 문법

✅ 고차함수

- 인자로 함수를 받거나 함수를 반환하는 함수

- 함수 안에서 다른 함수를 원하는 시점에 호출할 수 있는 권 한을 가진 함수

➡ calcurator : 매개변수로 함수를 전달 받는 함수

 

✅ 콜백함수

- 인자로 전달되는 시점에 바로 함수를 호출하는 것이 아닌 고차 함수 내부에서 필요한 순간에 호출을 하는 함수

- 함수처럼 사용하면서 인자를 전달

➡ add, sub

 

✅ forEach() 함수

➡ 배열의 길이 생각 안해도 됨

 

✅ find() 함수

- 조건을 만족하는 첫 번째 아이템('문자열')을 찾아서 반환해줌

 

✅ some() 함수

- 배열의 아이템들이 조건을 부분적으로 만족하는지 확인

 

✅ every() 함수

- 배열의 아이템들이 조건을 전부 만족하는지 확인

 

 

 

 

✅ filter() 함수

- 조건에 맞는 모든 아이템들을 새로운 배열로 생성 (push 필요❌)

 

✅ map() 함수

- 배열 내 모든 아이템에 콜백함수를 적용한 결과를 모아 새로운 배열을 반환

 

➡ 결과는 배열로! [30, 40, 50, 60] 

 

✅ 스프레드 연산자 (...배열이름)

 

이렇게 쉬운 방법이 있다니!!!

concat 대신 사용 가능!

 

 

✅ 구조 분해 할당

- 오른쪽에 있는 문자를 분해해서 왼쪽에 하나씩 저장

 

 

그렇다 나는 백수다

 

 

✅ Set 객체

-  중복된 건 하나만 출력, 순서❌

 

✅ Map 객체

- 키와 값의 쌍으로 이루어진 컬렉션

- Map은 key를 문자열로 변환하지 않음

- 내가 원하는 데이터 형태를 넣을 수 있음

 

✅ for ...in문 : 객체의 모든 프로퍼티를 순회하며 열거

✅ for ...of문 : 이터러브(배열, 문자열 등)을 순회하면서 요소를 변수에 할당

 

새싹DT 기업연계형 프론트엔드 실무 프로젝트 과정 4주차 블로그 포스팅