[JavaScript] 배열 메서드

💡 자바스크립트의 배열 메서드를 알아보자.

map()

• 배열의 각 요소에 대해 주어진 함수를 실행한 결과로 새로운 배열을 반환한다.
• 사용 예시

  const numbers = [1, 2, 3];
  const doubled = numbers.map(num => num * 2);
  console.log(doubled); // [2, 4, 6]

filter()

• 배열의 각 요소를 테스트하여, 조건을 만족하는 요소만으로 새로운 배열을 반환한다.
• 사용 예시

  const numbers = [1, 2, 3, 4, 5];
  const evenNumbers = numbers.filter(num => num % 2 === 0);
  console.log(evenNumbers); // [2, 4]

reduce()

• 배열의 각 요소에 대해 함수를 실행하여 단일 값을 반환한다.
• 주로 배열을 누적하여 하나의 값으로 축소할 때 사용된다.
• 사용 예시

  const numbers = [1, 2, 3];
  const sum = numbers.reduce((acc, num) => acc + num, 0);
  console.log(sum); // 6

forEach()

• 배열의 각 요소에 대해 주어진 함수를 실행한다.
• 새로운 배열을 반환하지 않으며, 원본 배열을 변경하지도 않는다.
• 사용 예시

  const numbers = [1, 2, 3];
  numbers.forEach(num => console.log(num)); // 출력: 1, 2, 3

find()

• 배열에서 조건을 만족하는 첫 번째 요소를 반환한다.
• 조건을 만족하는 요소가 없으면 undefined를 반환한다.
• 사용 예시

  const numbers = [1, 2, 3];
  const found = numbers.find(num => num > 2);
  console.log(found); // 3

some()

• 배열의 요소 중 하나라도 주어진 조건을 만족하면 true, 그렇지 않으면 false를 반환한다.
• 사용 예시

  const numbers = [1, 2, 3];
  const hasEven = numbers.some(num => num % 2 === 0);
  console.log(hasEven); // true

every()

• 배열의 모든 요소가 주어진 조건을 만족하면 true, 그렇지 않으면 false를 반환한다.
• 사용 예시

  const numbers = [2, 4, 6];
  const allEven = numbers.every(num => num % 2 === 0);
  console.log(allEven); // true

sort()

• 배열의 요소를 정렬한다.
• 기본적으로 문자열 기준으로 정렬된다.
• 숫자 배열의 경우 숫자 크기 순으로 정렬하려면 비교 함수를 사용해야 한다.
• 사용 예시

  const numbers = [4, 2, 5, 1, 3];
  numbers.sort((a, b) => a - b);
  console.log(numbers); // [1, 2, 3, 4, 5]

join()

• 배열의 모든 요소를 결합하여 하나의 문자열로 반환한다.
• 사용 예시

  const fruits = ["apple", "banana", "orange"];
  const fruitString = fruits.join(", ");
  console.log(fruitString); // "apple, banana, orange"

concat()

• 하나 이상의 배열을 결합하여 새로운 배열을 만든다.
• 사용 예시

  const fruits = ["apple", "banana"];
  const moreFruits = ["orange", "pear"];
  const allFruits = fruits.concat(moreFruits);
  console.log(allFruits); // ["apple", "banana", "orange", "pear"]