[Javascript] 배열에서 특정 조건 요소 필터링(filter)

Javascript에서 특정 배열에서 특정 조건을 지닌 요소를 필터링하는 방법에 대해 알아보겠습니다. 필터링을 반대로 사용하면 제거도 가능합니다. 특정 조건이 요소의 내용일 때와 인덱스일 때에 filter함수를 사용해서 필터링하는 방법을 소개합니다.

 

 

 

 

---

 

1. 요소 내용 조건일 때

- 예제 목표: cities 배열에서 'Korea'가 포함된 요소만 필터링하고자 합니다.

- cities의 요소를 돌면서 return true인 요소만 필터링합니다. 즉, item.includes('Korea') 값이 true인 요소만 필터링합니다.

- 기존 배열(cities)은 바뀌지 않습니다.

- 리턴값(filteringCities)이 필터링된 결과입니다.

cities = ['New York, USA', 'Seoul, Korea', 'London, UK', 'Busan, Korea'];
filteredCities = cities.filter((item) => {
	return item.inclues('Korea')
});

console.log('filteredCities:', filteredCities);
console.log('cities: ', cities);

// 결과
// filteredCities: ['Seoul, Korea', 'Busan, Korea']
// cities: ['New York, USA', 'Seoul, Korea', 'London, UK', 'Busan, Korea']

 

 

2. 요소 인덱스 조건일 때

- 예제 목표: numbers 배열에서 짝수번째 요소만 필터링하고자 합니다.

numbers = ['zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven'];
even = numbers.filter((item, index) => {
	return index%2 === 0
});

console.log('even: ', even);

// 결과
// even: ['zero', 'two', 'four', 'six']