Skip to content

JS/SevelteKit

array filter 함수:콜백함수를 통해 만들어진 array를 반납

Author
siwon
Date
2023-10-14 19:36
Views
334

JavaScript에서는 `Array.prototype.filter()` 함수를 사용하여 특정 조건 또는 콜백 함수에 따라 기존 배열에서 요소를 필터링하여 새로운 배열을 만들 수 있습니다. `filter()` 함수는 배열의 요소를 반복하며 지정한 조건을 충족시키는 요소만 포함시킵니다.


`filter()` 함수의 기본 구문은 다음과 같습니다:


```javascript

const 새로운배열 = 배열.filter(콜백(요소, 인덱스, 배열));

```


- `배열`: 필터링하려는 원래 배열.

- `콜백`: 배열 내 각 요소에 대해 호출되는 함수입니다.

  - `요소`: 배열 내 현재 처리 중인 요소입니다.

  - `인덱스` (선택 사항): 현재 처리 중인 요소의 인덱스입니다.

  - `배열` (선택 사항): `filter`가 호출된 배열입니다.


`콜백` 함수는 새 배열에 포함하려는 요소에 대해 `true`를 반환하고 제외하려는 요소에 대해 `false`를 반환해야 합니다. 그런 다음 `filter()` 함수는 `콜백` 함수가 `true`를 반환한 요소만 포함하여 새로운 배열을 생성합니다.


다음은 배열에서 짝수를 필터링하는 예제입니다:


```javascript

const 숫자들 = [1, 2, 3, 4, 5, 6, 7, 8, 9];
const 짝수들 = 숫자들.filter((숫자) => 숫자 % 2 === 0);
console.log(짝수들); // 출력: [2, 4, 6, 8]

```


이 예제에서 콜백 함수는 각 숫자가 짝수인지 여부(2로 나누었을 때 나머지가 0인지)를 확인합니다. 조건이 충족되면 해당 숫자가 `짝수들` 배열에 포함됩니다.

`filter()` 함수를 사용하여 특정 기준을 충족하는 요소만 포함하는 다양한 필터링 작업을 수행할 수 있으며, 이를 통해 특정 기준을 충족하는 요소만 포함하는 새 배열을 만들 수 있습니다.