Console.log 顯示對象但保存在 localstorage 中的是 [object Object]

Question

我使用函數 parseJwt 來轉換令牌，在控制台中它顯示對象，但是當我將它保存在 localstorage 中時它顯示 [object Object]，我不能在另一個組件中使用 JSON.parse 它

在本地存儲中

     localStorage.setItem('response', parseJwt(JSON.stringify(response.data.token)));
      console.log(parseJwt(JSON.stringify(response.data.token)));

Answer 1

本地存儲只支持存儲string 。 因此，當您嘗試存儲這樣的對象時，它不會按預期工作。 您需要做的就是首先對對象進行字符串化：

localStorage.setItem('response', JSON.stringify(parseJwt(JSON.stringify(response.data.token))));

您看到 [object Object] 的原因是 [object Object] 是 JavaScript 對象的默認字符串表示形式。 你可以在這里閱讀更多關於https://stackoverflow.com/questions/4750225/what-does-object-object-mean#:~:text=%5Bobject%20Object%5D%20is%20the%20default%20string%20representation% 20of%20a%20JavaScript,alert(o)%3B%20%2F%2F%20foo