🍒What I did today(오늘 한 일)

✅일급객체, 고차함수

일급객체 = 변수에 할당 가능(함수표현식), 다른함수의 parameter로 전달 가능, 다른함수의 결과로 return 가능
고차함수 = 함수를 parameter로 받거나, 함수를 return하는 함수

✅내장 고차함수 : map(), filter(), reduce()

filter = 특정 조건을 만족하는 모든 요소를 모아 새로운 배열로 반환하는 메서드
map = 배열의 모든 요소에 동일한 함수를 적용해 새로운 배열로 반환하는 메서드
reduce = 누산기에 계산을 누적한 하나의 결과값을 할당해 반환하는 메서드

 

🍒Remember(기억할 것)

---

✅삼항 조건 연산자

JavaScript에서 세 개의 피연산자를 취할 수 있는 유일한 연산자입니다.

보통 if 명령문의 단축 형태로 쓰인다.

아래 예제를 해석하자면 condition이 true이면, 연산자는 expr1의 값을 반환하며, 반대의 경우 expr2를 반환한다. 앞에 condition 부분이 조건식이 되고 나머지는 true : false를 반환하는 값으로 생각하면 편하다.

condition ? exprIfTrue : exprIfFalse 

 

✅메소드 체이닝

메서드가 객체를 반환하게 되면, 메서드의 반환 값인 객체를 통해 또 다른 함수를 호출할 수 있습니다. 이러한 프로그래밍 패턴을 메서드 체이닝(Method Chaining) 이라 부른다.

메서드 체이닝 형태

Object.function().function().function()

이와 같이 메서드 체이닝을 통해 하나의 Object 메서드가 순차적으로 메서드 function() 을 call 하는 형태를 가진다.

 

 

✅for...of

반복가능한 객체(Array, Map, Set, String, TypedArray, arguments 객체 등을 포함)에 대해서 반복하고 각 개별 속성값에 대해 실행되는 문이 있는 사용자 정의 반복 후크를 호출하는 루프를 생성한다.

생각보다 자연스레 나와서 생각도 못하고있었던... 기억은 하고 있어야지

const array1 = ['a', 'b', 'c'];

for (const element of array1) {
  console.log(element);
}

// expected output: "a"
// expected output: "b"
// expected output: "c"

 

🍒More Study

---

✅find, sort, some, every

✅화살표 함수란?

 

2021-02-01

---

매우 피곤한 하루였어... 고차함수 너무 어렵고 이해 안되는데 계속 공부해야될 것 같아😥

그리고 오늘 checkpoint solution 시간 때 map이랑 filter 이야기하는데 부야오 샹하이 애기가 나오는데

너무 웃겨가지고ㅋㅋ 네이버에도 검색해봤네ㅋㅋㅋ