[JavaScript] 배열에서 조건에 맞는 값만 추출하기! filter 함수 사용법

 

배열에서 특정 조건에 해당하는 값만

추출하고 싶을 때 filter 함수를

이용하면 조건에 충족하는 값만

추출할 수 있습니다.

사용방법이 그렇게 어렵지 않기 때문에

간단하게 사용할 수 있습니다.

 

예시를 몇가지를 들어서 사용방법에

대해서 알아보도록 하겠습니다.

 

 

 

 

 

• filter 함수

---

var arrays = [1, 3, 5, 7, 9, 11, 13, 15, 17, 19];

arrays = arrays.filter(function(val, idx) {
  console.log(val); // 결과 : 1, 3, 5, 7, 9, 11, 13, 15 17, 19  배열안의 값
  console.log(idx); // 결과 : 0, 1, 2, 3, 4, 5, 6, 7, 8, 9      배열의 순번
  return val;  // 리턴
});

---

 

filter 함수는 위와 같은 형태로

구성되어있으며,

배열안의 값과 순번이 filter 함수안에서

배열만큼 반복되며 호출됩니다.

 

실제 사용예제를 들어서

조건에 맞는 배열값을 추출하는

방법에 대해서 알아보겠습니다.

 

 

 

 

• 10 이하인 값만 추출하기

---

var arrays = [1, 3, 5, 7, 9, 11, 13, 15, 17, 19];

arrays = arrays.filter(function(val, idx) {
  return val <= 10; // 배열의 값이 10 이하인 값만 return
});

console.log(arrays); // 결과 : [1, 3, 5, 7, 9]

---

 

위의 예제는 배열안에 들어 있는 값 중에서

10 이하인 값들만 추출하여 배열로

다시 담는 예제입니다.

간단하게 return할 때 10 이하인 val만

return하면 배열로 다시 담아지는 형태입니다.

 

다양한 방법으로 사용할 수 있지만

어차피 형태는 위와 같이 조건으로

return하는 방법이기 때문에

필요한 상황에 맞춰서 조건을

통해 활용하시면 되겠습니다.

 

 

 

※ 관련 포스팅

 

2022.09.23 - [Programing/JavaScript] - [JavaScript] 시간 지연 함수과 시간 반복 함수 setTimeout, setInterval

2022.09.23 - [Programing/JavaScript] - [JavaScript] 세자리 콤마 정규식으로 처리하기

2022.09.23 - [Programing/JavaScript] - [JavaScript] 문자열 구분자로 자르기 split