수정하기 - 자바스크립트의 배열 메서드 중 filter()의 사용법은 무엇인가요?

닉네임

비밀번호

제목

내용 [이미지 업로드는 권한이 있는 사람만 가능. 하단 카톡으로 연락]

JavaScript의 `filter()` 메서드는 배열에서 특정 조건을 만족하는 요소들로만 구성된 새로운 배열을 생성하는 데 사용됩니다. 이 메서드는 원본 배열을 변경하지 않고, 조건에 맞는 요소들만 포함된 새로운 배열을 반환합니다. `filter()` 메서드는 주로 배열의 요소를 필터링하여 원하는 데이터를 추출할 때 유용하게 사용됩니다.           기본 사용법    `filter()` 메서드는 다음과 같은 형식을 가집니다:    ```javascript  let newArray = array.filter(<a href='https://sangseek.com/sangseeks/callback/ko'>callback</a>(element[, index[, array]])[, <a href='https://sangseek.com/sangseeks/thisArg/ko'>thisArg</a>]);  ```    -   array  : 필터링할 원본 배열입니다.  -   callback  : 각 요소에 대해 실행될 함수로, 다음과 같은 매개변수를 가집니다:    -   element  : 현재 처리 중인 배열 요소.    -   index   (선택적): 현재 요소의 인덱스.    -   array   (선택적): `filter()`가 호출된 배열.  -   thisArg   (선택적): `callback`을 실행할 때 사용할 `this` 값.  -   newArray  : 조건을 만족하는 요소들로 구성된 새로운 배열.           예제    1.   기본적인 사용 예      ```javascript  const numbers = [1, 2, 3, 4, 5, 6];  const evenNumbers = numbers.filter(num => num % 2 === 0);  console.log(evenNumbers); // [2, 4, 6]  ```    위의 예제에서 `filter()` 메서드는 배열 `numbers`의 각 요소를 검사하여 짝수인 경우에만 새로운 배열 `evenNumbers`에 포함시킵니다.    2.   객체 배열 필터링      객체 배열을 필터링할 때도 유용하게 사용할 수 있습니다.    ```javascript  const users = [      { name: 'Alice', age: 25 },      { name: 'Bob', age: 30 },      { name: 'Charlie', age: 35 },      { name: 'David', age: 20 }  ];    const adults = users.filter(user => user.age >= 30);  console.log(adults);   // [{ name: 'Bob', age: 30 }, { name: 'Charlie', age: 35 }]  ```    이 예제에서는 `users` 배열에서 나이가 30세 이상인 사용자들만 필터링하여 `adults` 배열을 생성합니다.    3.   인덱스를 사용하는 경우      필터링할 때 인덱스를 사용할 수도 있습니다.    ```javascript  const numbers = [10, 20, 30, 40, 50];  const filteredNumbers = numbers.filter((num, index) => index % 2 === 0);  console.log(filteredNumbers); // [10, 30, 50]  ```    위의 예제에서는 인덱스가 짝수인 요소들만 필터링하여 새로운 배열을 생성합니다.           주의사항    - `filter()` 메서드는 원본 배열을 변경하지 않습니다. 항상 새로운 배열을 반환합니다.  - 조건을 만족하지 않는 요소는 새로운 배열에 포함되지 않으며, 조건을 만족하는 요소가 하나도 없으면 빈 배열이 반환됩니다.  - `filter()` 메서드는 배열의 각 요소에 대해 `callback` 함수를 실행하므로, 배열의 길이에 따라 성능에 영향을 미칠 수 있습니다.           결론    JavaScript의 `filter()` 메서드는 배열에서 특정 조건을 만족하는 요소들로 새로운 배열을 생성하는 데 매우 유용한 도구입니다. 배열의 각 요소를 검사하고, 원하는 조건을 기반으로 필터링할 수 있어 데이터 처리 및 조작에 있어 강력한 기능을 제공합니다. 다양한 상황에서 유용하게 사용할 수 있으므로, 배열을 다루는 작업에서 자주 활용될 것입니다.