TIL 12.13

배열의 필수 method

map, forEach, filter, reduce

const testArr = [2, 10, 100, 7, 71, 50, 27, 1];
위 배열을 하나씩 돌면서 새로운 배열을 콘솔창에 출력하고자 한다.

1. for문 기본 형식

for (let i = 0; i < testArr.length; i++) {
  console.log(testArr[i]);
}

2. for of

• 각 요소를 새로 정한 item에 담아 출력한다.

for (item of testArr) {
  console.log(item);
}

3. map()

• 콜백함수를 넣어주어야 한다. 보통은 이 때만 쓸 함수여서 익명함수를 바로 넣어준다.

const mappedArr = testArr.map((item) => item * 2);
console.log('수정된 배열');
console.log(mappedArr);

4. filter()

• 마찬가지로 익명함수를 바로 넣어준다. 주로 걸러낼 조건을 함수 안에 넣어주기 때문에 조건문을 많이 사용한다.

const filteredArr = testArr.filter((item) => {
  return item > 10 ?? item;
  // item > 10 ? item : null를 ??로 축약!! false면 아무것도 하지말기
});

console.log('filtered');
console.log(filteredArr);

5. reduce()

• 누적, 적재 해준다는 누산기로 보통 번역하는데,
  설정해준 초기값에 배열 요소를 순차적으로 더한 누적값을 반환해준다.
  따라서 초기값 acc, 현재값(더해줄 값) cur, 인덱스(더해줄 값의 인덱스) idx 세 인자가 필요한 함수를 넣어준다.

testArr.reduce((acc, cur, idx) => {
  console.log('acc', acc);
  console.log('cur', cur);
  console.log('idx', idx);
  console.log('');

  return (acc = acc + cur);
}, 0);