📚 배열 함수

배열 관련 함수는 배열의 각 요소에서 실행되는 함수이다. 최신 자바스크립트 문법은 아니지만 자주 쓰이니까 알아두면 좋다.

배열 관련 함수로는 아래와 같은 함수가 있다.

• filter()
• sort()
• map()

📚 배열 함수 작성 방법

배열 함수를 사용하기 위해서는 배열.배열함수();라고 작성하면 된다.

예시

const numbers = [1, 2, 3];

const doubleNumArray = numbers.map((num) =>{
  return num*2
  //return 키워드 입력
  //내부 함수가 수행해야 하는 작업은 사용하는 배열 함수에 따라 다르다. MDN을 참고하자!
});

console.log(numbers);
//doubleNumArray은 [1, 2, 3] 배열을 반환한다.

console.log(doubleNumArray);
//doubleNumArray은 [2, 4, 6] 배열을 반환한다.

numbers 배열에 있는 모든 요소의 값을 두배로 만들어 새로운 doubleNumArray배열을 만들어 보자.

• map() 함수를 사용하면 된다.
  • map() 함수는 JS에 내장된 배열 메소드로 배열의 각 요소에 동일한 함수를 실행할 수 있다.
  • map()함수는 예전 값을 새로운 값으로 반환한다.
• numbers 배열의 각 요소에 *2를 한 값을 요소로 가진 새로운 배열이 doubleNumArray배열에 저장된다.
• 콘솔에 각각 찍어보면 numbers는 [1, 2, 3] 배열을 반환하고,
  doubleNumArray은 [2, 4, 6] 배열을 반환하는 것을 확인 할 수 있다.

📚 리액트에서 많이 쓰이는 배열 함수

리액트에서 아래의 배열 함수는 빈번하게 쓰이니 문서를 꼭 읽어 보자.

🌟 map()

🌟 find()

🌟 findIndex()

🌟 filter()

🌟 reduce()

🌟 concat()

🌟 slice()

🌟 splice()