자바스크립트에서 배열은 데이터를 저장하고 조작하는 데 매우 유용한 도구입니다. 때로는 배열의 요소 중에서 특정 기준을 만족하는 항목만을 선택해야 할 때가 있습니다. 이를 위해 자바스크립트에서는 배열을 필터링할 수 있는 기능을 제공합니다.

이번 글에서는 자바스크립트에서 배열을 특정 기준으로 필터링하는 방법을 알아보겠습니다.

1. filter() 메소드 활용

filter() 메소드는 배열의 모든 요소에 대해 주어진 함수를 호출하고, 함수의 반환 값이 true인 요소만으로 새로운 배열을 생성합니다.

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

위의 예시에서는 numbers 배열의 모든 요소에 대해 홀수인지 짝수인지를 검사하는 함수를 작성하였습니다. filter() 메소드를 이용하여 짝수인 요소만을 선택하여 evenNumbers 배열을 생성하였습니다.

2. 조건식을 직접 작성

배열을 필터링할 때, filter() 메소드를 사용하는 대신 조건식을 직접 작성해야 할 때가 있습니다. 이럴 경우 filter() 대신 for 루프와 if 문을 사용할 수 있습니다.

const fruits = ['apple', 'banana', 'cherry', 'durian'];
const filteredFruits = [];

for (let i = 0; i < fruits.length; i++) {
  if (fruits[i].length > 5) {
    filteredFruits.push(fruits[i]);
  }
}

console.log(filteredFruits); // ['banana', 'cherry', 'durian']

위의 예시에서는 fruits 배열의 모든 요소에 대해 길이가 5 이상인 요소만을 선택하여 filteredFruits 배열에 추가하였습니다. 이를 위해 for 루프와 if 문을 사용하여 조건식을 직접 작성하였습니다.

3. ES6 화살표 함수 활용

ES6에서 도입된 화살표 함수를 사용하면 조금 더 간결하게 배열을 필터링할 수 있습니다.

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

위의 예시에서와 같이 화살표 함수를 사용하여 필터링 함수를 간략하게 작성할 수 있습니다.

결론

이번 글에서는 자바스크립트에서 배열의 요소를 특정 기준으로 필터링하는 방법을 알아보았습니다. filter() 메소드를 이용하거나 조건식을 직접 작성하여 배열을 필터링할 수 있으며, ES6의 화살표 함수를 활용하면 코드를 더 간결하게 작성할 수 있습니다.

배열을 필터링하여 원하는 조건에 맞는 항목만을 선택함으로써 데이터 처리 과정을 효율적으로 개선할 수 있습니다. 이러한 배열 필터링 기능은 개발자들에게 많은 편의성을 제공하며, 자바스크립트 프로그래밍에 필수적인 기능입니다.

자바스크립트에서 배열을 항목 필터링하는 방법에 대해 알게 되었으니, 다양한 상황에서 이 기능을 적절히 활용하여 더욱 강력한 애플리케이션을 개발해보시기 바랍니다. Happy coding!