How to retrieve multiple data from localStorage at a time and store the data

Question

How do I get all the different key/value pairs stored in the localstorage whenever my window reloads using vanilla JS.And also How to store these data in a object with similar properties which I receive from the localStorage ? for eg. : if I have thses 2 things in local storage

localStorage.setItem("todoList","Task 1");
localStorage.setItem("doingList","Task 1");

Answer 1

You can only put one value in a localStorage key.

Put the values in an array, convert the array to JSON, and store that.

var todoList = ["Task 1","Task 2","Task 3"];
localStorage.setItem("todoList", JSON.stringify(todoList));

To retrieve it you call JSON.parse()

todoList = JSON.parse(localStorage.getItem("todoList") || "[]");

Answer 2

Just destruct the localStorage and get all Items

const items = { ...localStorage };
console.log(items)