javascript - 多个项目本地存储javascript

Question

我的页面上有两个不同的列表，我想将哪些数据存储在本地存储中。通过下面的代码，我存储了一个列表中的数据。 如何使用此代码存储两个列表中的数据，但将其存储在单独的对象中？ 也许这个问题很愚蠢，但我是初学者。感谢您的帮助。

class Storage {

       saveStorage(task) {
         const tasks= this.getFromStorage();
         tasks.push(task);
         localStorage.setItem('tasks', JSON.stringify(tasks));
    }

     removeStorage(task){
        const tasks= this.getFromStorage();
        recipes.forEach((task, index) => {
            if(task === task.id) {
                tasks.splice(index,1);
            }
        });
        localStorage.setItem('tasks', JSON.stringify(tasks));
    }

    getStorage() {
        let tasks;

        if(localStorage.getItem('tasks') === null) {
            tasks= [];
        } else {
            tasks= JSON.parse(localStorage.getItem('tasks'));
        }
        return tasks;
    }
}

Answer 1

将名称传递给构造函数，例如:

constructor(name) { this.name = name; }

然后将所有tasks替换为this.name，例如:

localStorage.getItem(this.name)

然后你可以这样做:

const tasks = new Storage("tasks");
const users = new Storage("users");