[JS] 배열을 다루는 함수

 

 

자바스크립트에서 배열을 다룰 때 자주 사용하는 map, filter, some, every 함수에 대한 정리

 

map()

map 함수는 배열 내의 모든 요소에 대해 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.

원본 배열은 변경되지 않습니다.

 

사용법

const newArray = array.map(callback);

 

매개변수

• callback: 배열의 각 요소에 대해 호출할 함수. 이 함수는 세 가지 인수를 받습니다.
  • currentValue: 처리할 현재 요소
  • index (선택적): 처리할 현재 요소의 인덱스
  • array (선택적): map을 호출한 배열 자체

예제

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

 

filter()

filter 함수는 배열 내의 모든 요소에 대해 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열을 반환합니다.

원본 배열은 변경되지 않습니다.

 

사용법

const newArray = array.filter(callback);

 

매개변수

• callback: 배열의 각 요소에 대해 호출할 함수. 이 함수는 세 가지 인수를 받습니다.
  • currentValue: 처리할 현재 요소
  • index (선택적): 처리할 현재 요소의 인덱스
  • array (선택적): filter를 호출한 배열 자체

예제

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

 

some()

some 함수는 배열 내의 적어도 하나의 요소가 주어진 함수의 테스트를 통과하는지 확인합니다.

테스트를 통과하는 요소가 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

원본 배열은 변경되지 않습니다.

 

사용법

 

const result = array.some(callback);

 

매개변수

• callback: 배열의 각 요소에 대해 호출할 함수. 이 함수는 세 가지 인수를 받습니다.
  • currentValue: 처리할 현재 요소
  • index (선택적): 처리할 현재 요소의 인덱스
  • array (선택적): some을 호출한 배열 자체

예제

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

 

 

every()

every 함수는 배열 내의 모든 요소가 주어진 함수의 테스트를 통과하는지 확인합니다.

모든 요소가 테스트를 통과하면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

원본 배열은 변경되지 않습니다.

 

사용법

const result = array.every(callback);

 

매개변수

• callback: 배열의 각 요소에 대해 호출할 함수. 이 함수는 세 가지 인수를 받습니다.
  • currentValue: 처리할 현재 요소
  • index (선택적): 처리할 현재 요소의 인덱스
  • array (선택적): every를 호출한 배열 자체

예제

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

 

 

 

 

정리

• map: 배열의 모든 요소에 함수를 적용하여 새로운 배열 반환.
• filter: 배열의 모든 요소 중 조건을 만족하는 요소들로 새로운 배열 반환.
• some: 배열의 일부 요소가 조건을 만족하는지 여부 반환.
• every: 배열의 모든 요소가 조건을 만족하는지 여부 반환.