Javascript30 - Day04

Array Cardio Day1

filter()

filter() 메소드는 제공된 함수를 수행하여 테스트를 통과한 모든 요소들로 새로운 배열을 만들어서 반환한다.

Javascript MDN filter

• callbackFn : 배열의 요소를 함수를 수행해서 true 혹은 false 값을 반환한다.

// Arrow function
filter((element) => { ... } )

// Callback function
filter(callbackFn)

map()

map() 메소드는 배열의 각 요소에 함수를 적용한 결과를 새로운 배열로 반환한다.

Javascript MDN map

sort()

sort()메소드는 배열의 정렬된 배열을 반환한다.

Javascript MDN sort

• firstEl : 비교할 첫번째 요소
• secondEl : 비교할 두번째 요소

// Arrow function 
sort((firstEl, secondEl) => { ... } )

// Compare function
sort(compareFn)

• 숫자를 비교할때, a-b로 비교할 수 있다.

function compareNumbers(a, b) {
  return a - b;
}

• 오브젝트의 경우의 그 값으로 비교도 가능하다.

var items = [
  { name: 'Edward', value: 21 },
  { name: 'Sharpe', value: 37 },
  { name: 'And', value: 45 },
  { name: 'The', value: -12 },
  { name: 'Magnetic', value: 13 },
  { name: 'Zeros', value: 37 }
];
items.sort(function (a, b) {
  return a.value - b.value;
});

reduce()

reduce()메소드는 배열의 각 요소에 내가 제공하는 reducer 함수를 수행하고, 한개의 값으로 결과를 반환한다.

Javascript MDN reduce

• reducer 함수는 4개의 이자를 갖는다.

  • Accumulator (누산기): 콜백의 반환값을 누적
  • Current Value : 처리할 현재 요소.
  • Current Index : 처리할 현재 요소의 인덱스. initialValue를 제공한 경우 0, 아니면 1부터 시작
  • Source Array : reduce()를 호출한 배열

• initialValue : callback의 최초 호출에서 첫 번째 인수에 제공하는 값. 초기값을 제공하지 않으면 배열의 첫 번째 요소를 사용합니다. 빈 배열에서 초기값 없이 reduce()를 호출하면 오류가 발생합니다.