filter() 함수는 언제 쓰일까?

filter() 함수는 언제 쓰일까?

배열에서 특정 조건을 만족하는 요소들만 골라서 새로운 배열을 만들 때 사용한다
arr.filter(item=>조건)

예를들어, 짝수만 고르고 싶을 때 배열에서
특정 조건을 정할 수 있다

const numbers=[1,2,3,4,5,6];
const evenNumbers=numbers.filter(num=>num%2====0);

[2,4,6] 만 남게된다

다음은 테이블에서 특정 id만 제외하고 나머지 행만 남길 때 작성하는 코드 예시이다

const rows=[ {id:1 ,name:"로그인"}, {id:2, name:"회원가입"}, {id:3, name:"비밀번호 찾기"}, ];

const newRows=rows.filter(row=>row.id!=2);

응용 버전으로 이렇게도 사용할 수 있다
const deleteRow=(id)=> { const updateRows=rows.filter(row=> row.id!==id);
//최소 1개의 행은 있어야 함
if (updateRows.length===0) { alert("최소 1개의 행은 있어야 합니다!"); return; } //행이 1개 이상 남아 있을 경우 , 상태 업데이트 setRows(updateRows); }

다음 이미지는 삭제 버튼의 예시이다