TIL-Local Storageにデータを格納する

以前に作業したtodo listを使用して、ローカルストレージにデータを格納する方法をコピーします.
ローカルストレージに追加

function saveData(){    
    localStorage.setItem("listSave", JSON.stringify(listSave))
}

localstorageに格納されている場合、setItemというメソッドが使用されます.
JSON形式で保存するため、key、valueをパラメータとして渡し、全てstring形式で入力する必要があります.
ローカルストレージへの削除

function deleteData(id){ // 여기의 id는 list에서 삭제키로 선택된 id
    const cleanList = listSave.filter(function(item){ 
        return item.id !== parseInt(id);
        //item.id = number
        //li.id = string -> parseInt 사용(숫자로 반환)
    });
    listSave = cleanList;
    saveData();
}

ここで、listSaveは、localStorageに格納されたオブジェクトである.
localStorageに格納されているlistSaveのidセットは、クリックしたid以外はcleanListに格納されます.
そして、listSaveがcleanListになったら削除終了!
その他)ローカルストレージからのデータのロード

function loadLists(){
    const loadedLists = localStorage.getItem("listSave"); 
    if(loadedLists !== null){
        const parsedLists = JSON.parse(loadedLists);
        parsedLists.forEach(list => {
            createItem(list.text)
        });
    }
}

getItem()メソッドが使用される場合、local Storage内のパラメータであるキー名に一致するキー値が返される.forEachを使用して、戻ってきた履歴をcreateItemというリストにアップロードし、画面に追加します.