JavaScript에서는 문자열 데이터를 기반으로 데이터를 필터링하고 조작할 수 있는 다양한 방법을 제공합니다. 이 포스트에서는 JavaScript를 사용하여 문자열 데이터를 기반으로 데이터를 필터링하는 방법을 살펴보겠습니다.

1. filter() 메서드를 사용한 배열 필터링

JavaScript의 배열 객체에는 filter() 메서드를 사용하여 배열 요소를 필터링할 수 있는 기능이 있습니다. 이 메서드를 사용하면 배열 요소를 순회하면서 지정된 조건에 따라 필터링된 결과를 반환할 수 있습니다.

const data = ["apple", "banana", "orange", "grape"];
const filteredData = data.filter(item => item.includes("a"));
console.log(filteredData); // ["apple", "banana", "grape"]

위 예제에서는 filter() 메서드를 사용하여 “a”를 포함하는 요소만을 필터링하여 새로운 배열을 생성합니다.

2. startsWith() 및 endsWith() 메서드를 사용한 문자열 필터링

문자열 객체에는 startsWith() 및 endsWith()와 같은 메서드가 있어 문자열 데이터를 특정 문자열로 시작하거나 끝나는지 확인할 수 있습니다.

const data = ["apple", "banana", "orange", "grape"];
const filteredData = data.filter(item => item.startsWith("a") || item.endsWith("e"));
console.log(filteredData); // ["apple", "orange"]

위 예제에서는 startsWith() 및 endsWith() 메서드를 사용하여 문자열이 “a”로 시작하거나 “e”로 끝나는 요소만을 필터링하여 새로운 배열을 생성합니다.

3. 정규 표현식을 사용한 문자열 필터링

정규 표현식을 사용하면 더 복잡한 문자열 패턴에 따라 데이터를 필터링할 수 있습니다.

const data = ["apple", "banana", "orange", "grape"];
const pattern = /^b\w+/; // "b"로 시작하는 문자열 필터링
const filteredData = data.filter(item => pattern.test(item));
console.log(filteredData); // ["banana"]

위 예제에서는 정규 표현식 /^b\w+/을 사용하여 “b”로 시작하는 요소만을 필터링하여 새로운 배열을 생성합니다.

요약

JavaScript에서는 filter() 메서드를 사용하여 배열 요소를 필터링하거나, 문자열 객체의 메서드를 사용하여 특정 패턴에 따라 문자열을 필터링할 수 있습니다. 또한 정규 표현식을 사용하여 더 정교한 필터링을 수행할 수도 있습니다. 이러한 방법을 사용하여 문자열 데이터를 기반으로 효과적으로 데이터를 필터링할 수 있습니다.

참고문헌: MDN Web Docs