オブジェクトをプロパティ（マーク、モデル）を取得するためにキーでlocalStorageにオブジェクトを取得する方法は？

Question

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; 

Answer 1

localStorageから同じ名前「listValue」を使用して商品を取得する必要があります：localStorage.getItem('listValue')。

そして、車keyをlistValueから取得するには、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; 

Answer 2

はこのようにあなたのコードを変更します。

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/