Question

我想使用angular从存储在本地存储中的对象中检索特定数据。这是我的对象：

 {
  "user":{
  "login":"lara",
  "grade":"A"
 },
"profiles":[
{
"profile":"admin",
 "application":"management",
 } 
 ]
  }

我想从个人资料列表中检索个人资料信息（管理员）。我尝试使用localStorage.getItem()。

Answer 1

本地存储中的setItem

const data = { your data object here }

设置项目

localStorage.setItem("data", JSON.stringify(data));

获取项目

let val = JSON.parse(localStorage.getItem('data')).profiles[0].profile;
console.log({val});

Answer 2

尝试一下。

在存储时使用它：

var data = {
  "user":{
  "login":"lara",
  "grade":"A"
 },
"profiles":[
{
"profile":"admin",
 "application":"management",
 } 
 ]
  }

localStorage.setItem("data", JSON.stringify(data));

同时获得：

let val = JSON.parse(localStorage.getItem('data'));
let profile = val.profiles[0].profile;

Answer 3

您可以尝试使用此解决方案

let data = {
  "user": {
    "login": "lara",
    "grade": "A"
  },
  "profiles": [
    {
      "profile": "admin",
      "application": "management",
    }
  ]
}

用于本地存储中的设置数据

localStorage.setItem("data", JSON.stringify(data));

用于从本地存储获取数据

let val = JSON.parse(localStorage.getItem('data'));

if (val) {
  let adminProfile = val.profiles.find((data) => data.profile == "admin");
  console.log(adminProfile);
}

从本地存储中获取特定项目

3 个答案: