[TIL-23]array method

배열에 사용가능한 다양한 메소드를 알아보자!

arrow function

• 콜백(callback)함수로 가장 많이 활용된다.
  • 콜백(callback)함수 : 함수에 인자로 전달되는 함수

Array.map()

• callback 함수에서 return한 값으로 매(each) 요소를 수정한 결과를 모아 새로운 배열로 return(반환)한다.
• 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환

//arr의 각 요소를 제곱하여 새로운 배열로 반환
const arr = [1, 2, 3];
const squares = arr.map(num => num * num); //(3) [1, 4, 9]

→ Array 타입의 데이터를 요소 갯수만큼 반복한다.

→ 반복할 때마다 실행할 함수를 파라미터로 전달한다.

→ 콜백함수에서 arr의 요소를 인자(num)으로 받는다.

→ callback함수 구현 후 return 하면 해당 index의 요소가 return된 값으로 치환되어 새로운 배열로 반환된다.

Array.forEach()

• 배열의 모든 요소를 순회하면서 요소 각각을 callback 함수에 인자로 전달하며 반복 호출한다.
• 새로운 배열을 return하지 않는다.
• 배열의 모든 요소를 순회하므로 콜백 함수를 실행하는 동안에는 반복을 탈출할 수 없다.

const arr = [1, 2, 3];
const squares = [];

arr.forEach(num => {
  squares.push(num * num);
});

console.log(squares); //(3) [1, 4, 9]