將對象數組添加到 javascript 中的本地存儲？

Question

嘗試將一組對象保存到 localStorage 中，然后將其取回。

由於某種原因，在控制台中新的 arr 是空的 (history = []) 而在 localStorage 中，savedgameHistory = [{},{}]

*對不起，我沒有正確解釋自己。 我需要保存數組順序。 為了在 UNDO 按鈕中使用它。

const img1 = document.getElementById("img1"); // img tag
const img2 = document.getElementById("img2"); // img tag

let arrOfObj = [img1, img2]

function saveGame(){
localStorage.setItem("savedgameHistory", JSON.stringify(arrOfObj));
window.location.href = "./TicTacToe.html";
}

function loadGame(){
 const history = JSON.parse(localStorage.getItem("savedgameHistory"));
}

Answer 1

本地存儲中不保存圖片標簽，而是保存一個字符串，要保存的字符串是圖片的src屬性，所以保存如下：

 const img1 = document.getElementById("img1"); // img tag const img2 = document.getElementById("img2"); // img tag let arrOfObj = [img1.src, img2.src] function saveGame() { localStorage.setItem("savedgamehistory", JSON.stringify(arrOfObj)); window.location.href = "./TicTacToe.html"; } function loadGame() { const history = JSON.parse(localStorage.getItem("savedgameHistory")); }

然后，加載后，將其視為 src 字符串，因此將其直接放在 html 文件中的圖像標簽上，例如：

<img id="img1" />
<img id="img2" />

function loadGame() {
  const history = JSON.parse(localStorage.getItem("savedgameHistory"));
  img1.src = history[0]  
  img2.src = history[1]
}