如何通过键将对象放入localStorage以获取对象的属性（标记，模型）？答案

【问题标题】：How to get an object into localStorage by key in order to get properties(mark, model) an object?如何通过键将对象放入localStorage以获取对象的属性（标记，模型）？
【发布时间】：2017-10-06 05:08:43
【问题描述】：

let listValue = [
    {
        key: '1',
        value: {
            mark: 'Audi',
            model: 'A1',
        }
    },

    {
        key: '2',
        value: {
            mark: 'Audi',
            model: 'TT',
        }
    }

];

localStorage.setItem('listValue', JSON.stringify(listValue));
let carObj = JSON.parse(localStorage.getItem('1'));
document.getElementById("new2").innerHTML = carObj.mark;

【问题讨论】：

您正在使用键为“listValue”的项目设置并通过键“1”获取？

标签： javascript json html local-storage webstorm

【解决方案1】：

像这样更改您的代码：

let listValue = [
{
    key: '1',
    value: {
        mark: 'Audi',
        model: 'A1',
    }
},

{
    key: '2',
    value: {
        mark: 'Audi',
        model: 'TT',
    }
}

];

localStorage.setItem('listValue', JSON.stringify(listValue));
var carObj = JSON.parse(localStorage.getItem('listValue'));

for (var i=0; i<=carObj.length -1; i++){     
     document.getElementById("demo").innerHTML += " " + carObj[i].value.mark;
}

https://jsfiddle.net/emilvr/58pq114n/1/

【讨论】：

【解决方案2】：

您必须使用相同的名称“listValue”从localStorage 获取项目：localStorage.getItem('listValue')。

然后，要通过数组listValue 中的字符串key 获取汽车，您可以创建一个Array.prototype.find()。

查看工作演示：https://jsfiddle.net/yosvelquintero/vanus5ah/1/

代码：

let listValue = [{
  key: '1',
  value: {
    mark: 'Audi',
    model: 'A1',
  }
}, {
  key: '2',
  value: {
    mark: 'Audi',
    model: 'TT',
  }
}];

localStorage.setItem('listValue', JSON.stringify(listValue));

let carObj = JSON.parse(localStorage.getItem('listValue'));

// Find the car by key '1'
let car = carObj.find((c) => c.key === '1');

document.getElementById('new2').innerHTML = car.value.mark;

【讨论】：