[javascript] Array.filter()

Array.filter()

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

배열의 모든 아이템을 통해 함수를 실행하고 true인 아이템들만 가지고 새로운 배열을 만든다.
조건에 해당하는 모든 요소가 있는 배열을 새로 생성한다.

예제

• testArray의 요소 중 2이하인 요소로 새로운 배열 생성

function test(){
    var testArray = [1,2,3,4,5];
    var newArray = testArray.filter(function(test){
        return test <= 2;
    });
    console.log(newArray);
}

결과

활용

• 바닐라js로 todo list만들기에서의 deleteToDos 의 일부 코드
• 삭제한 todo list를 제외한 todo list를 리턴해 새로운 배열을 만듦.

function deleteToDo(event) {
    const btn = event.target;
    const li = btn.parentNode;
    toDoList.removeChild(li);
    const cleanToDos = toDos.filter(function(toDo) {
        return toDo.id !== parseInt(li.id);
    });
    toDos = cleanToDos;
    saveToDos();
}