javascript - 从 localStorage Typescript/JavaScript 中提取用户名

Question

我还是 Typescript 的新手，我只想从这个 localStorage 输出用户名:

localStorage.getItem('currentUser')

当前输出:{"用户名":"root","密码":"root"}

我该怎么做？

Answer 1

简答:使用 JSON.parse 将字符串转换回对象:

var user = JSON.parse(localStorage.getItem('currentUser'));
console.log(user.username);

(注意:这适用于一般的 JavaScript，而不仅仅是 TypeScript)

---

详情

项目作为字符串存储在 localStorage 中。因此，要将对象保存在 localStorage 中，您可以使用 JSON.stringify(obj) 将其转换为字符串。 (将您的用户对象保存到 localStorage 的人可能使用了此方法。)

要转换回对象，请使用 JSON.parse(str)。请注意，如果字符串不是对象的有效 JSON 表示，这可能会引发异常。

用户对象的所有示例(如果删除类型声明，它也是有效的 JavaScript):

interface IUser {
  username: string;
  password: string; // please don't do this in real code
}

function saveCurrentUser(user: IUser): void {
  localStorage.setItem('currentUser', JSON.stringify(user));
}

function getCurrentUser(): IUser {
  var userStr = localStorage.getItem('currentUser');
  try {
    return JSON.parse(userStr);
  } catch (ex) {
    return null; // or do some other error handling
  }
}

var user = { username: 'root', password: 'root' };
saveCurrentUser(user);

// elsewhere...
var savedUser = getCurrentUser();
if (savedUser) {
  console.log('Current user: ' + savedUser.username);
} else {
  console.log('Current user not found');
}