어레이 필터 설명

filter() 배열의 메서드는 테스트를 통과하는 입력 배열의 모든 요소가 포함된 새 배열을 생성합니다. 현재 요소, 인덱스 및 원래 배열과 함께 콜백 함수를 사용합니다. 콜백에 대한 마지막 두 인수(인덱스 및 배열)는 선택 사항입니다.
filter()는 배열의 모든 요소에 대해 일부 작업을 수행하고 기준을 충족하는 요소만 찾아야 하는 상황에서 유용합니다. 숫자 배열의 모든 짝수 또는 6자 이상의 단어만 필요할 수도 있습니다.

const names = ["Parwinder", "Leah", "Lauren", "Eliu", "Robert", "George", "Eric"];
const output = names.filter(name => name.length >= 6);

console.log(output); // [ 'Parwinder', 'Lauren', 'Robert', 'George' ]
console.log(names); // [ 'Parwinder', 'Leah', 'Lauren', 'Eliu', 'Robert', 'George', 'Eric' ]

🚨filter()는 배열을 변경하지 않습니다. 입력 배열은 수정되지 않은 상태로 유지됩니다(위의 예 참조).

a filter() 에서 배열의 현재 인덱스에 액세스할 수도 있습니다. 콜백 함수는 인덱스에 대한 두 번째 인수를 취합니다.

const arr = [1, 2, 4, 9, 22, 75, 16];
const filter = arr.filter((current, index) => (current % index === 0));
// return values that are divisible by the index they are on
console.log(filter); // [ 2, 4, 9, 75 ]

인덱스에 대한 액세스가 충분하지 않은 경우 세 번째 매개변수로 원래 배열에 대한 액세스 권한을 얻을 수도 있습니다.

🚨filter에는 두 번째 매개변수this가 있습니다. 정확히 map 방법과 같습니다. 콜백 함수에 대한 this 컨텍스트를 지정합니다.