To-Do List 만들기 3차

4. Delete() 함수 만들기

할 일을 삭제하는 'x' 버튼을 눌렀을 때 동작하는 함수이다.

 

4-1. index 가져오기

버튼을 클릭하였을 경우, 해당하는 todo의 number을 매개변수 index로 받는다. 

 

4-2. ToDo 삭제하기 : filter 활용

filter 함수는 배열을 순회하며 조건에 맞는 원소들로 구성된 새로운 배열을 반환한다.

기존 ToDos의 배열을 모두 순회하며 index와 다른 number로 구성된 todo들을 배열에 저장한 뒤 ToDos에 저장한다.

 

4-3. View 재설정

ToDos가 재구성 되었으므로 Loading 함수를 호출한다.

 

function Delete (index) {
    //1. index 가져오기
    //2. ToDo 삭제하기
    ToDos = ToDos.filter((todo) => todo.number != index);

    //3. View 재설정
    Loading();
    alert('삭제되었습니다');
}