javascript - 如何设置本地存储的长度限制？

我想将本地存储长度限制为5。
所以我做了一些代码。但是我不知道如何处理长度限制。

已经尝试在JavaScript代码中使用if〜else。我想我必须使用if〜else。

const toDoObj = {
   text: text,
   id: newId
 };

我认为在上面的代码中，我必须限制“ id”。但这对我来说很难。

function paintTodo(text) {
  const li = document.createElement("li");
  const delBtn = document.createElement("button");
  const span = document.createElement("span");
  const newId = toDos.length + 1;
  delBtn.innerText = "Delete";
  delBtn.addEventListener("click", deleteToDo);
  span.innerText = text;
  li.appendChild(span);
  li.appendChild(delBtn);
  li.id = newId;
  toDoList.appendChild(li);
  const toDoObj = {
    text: text,
    id: newId
  };
  // Below code just meaning pop up window.
  // But, it didn't mean that I could save just 5 values in LOCAL STORAGE.
  if (toDos.length <= 5) {
    toDos.push(toDoObj);
    saveToDos();
  }
  else {
    alert("You just add 5 TO-DO lists.");
  }
}

最佳答案

这在添加到待办事项之前非常简单，您必须添加如下检查：

 if (toDos.length > 4) {
    alert("You just add 5 TO-DO lists.");
    return false;
 }

这将在paintTodo（text）函数的开头

关于javascript - 如何设置本地存储的长度限制？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58470183/