オブジェクトプロパティをJavaScriptのlocalstorageの変数と比較する

Question

JavascriptまたはJqueryを使用してオブジェクトプロパティをlocalstorageに保存された変数と比較できますか？

var persons = [ 
    { 
    "firstName": "Dwight", 
    "surName": "Stender", 
    "picture": "https://randomuser.me/api/portraits/med/men/99.jpg", 
    "id": "1" 
    } 
] 

そして、私は（名前はclickIdある）のlocalStorageに保存されている変数を持っている：ここでは、だから私はこのようなオブジェクトを持っている...私は何を意味するか

です。今私はオブジェクトからのIDをlocalstorgeのその変数に比較したいと思います。私は彼らが動作することを知っているので、私は両方のコンソールにそれらを印刷することができます。しかし、私はそれらを比較しようとすると、突然idと変数に同じ番号が入っていても、それはもう働きません。

for (i = 0; i < persons.length; i++) { 
    if (persons[i].id == localStorage.clickId) { 
     document.getElementById("result").innerHTML = "yay" 
    } else { 
     document.getElementById("result").innerHTML = "nay" 
    }; 
}; 

注1もif...else内で実行される2つの文を===代わり

==の注意を持つ2つを比較しようとしている私はプレースホルダである：これは私は2つの比較方法であります説明の目的で

Answer 1

以前に保存したオブジェクトを取得するには、localStorage.getItem(key)を使用する必要があります。また、localStorageは文字列を保持できるだけなので、オブジェクトを保存する前後にシリアル化する必要があることにも注意してください。

some()を使用して、forループを無効にし、ifを簡略化するために3者を使用できます。あなたは、配列内の値のループ

$.inArray(value, array) 

戻り値インデックスを使用することなく、jQueryののInArrayバリ方法を使用することができます

var persons = [{ 
    "firstName": "Dwight", 
    "surName": "Stender", 
    "picture": "https://randomuser.me/api/portraits/med/men/99.jpg", 
    "id": "1" 
}]; 

var person = JSON.parse(localStorage.getItem('person') || '{}'); 
document.getElementById("result").innerHTML = persons.some(p => p.id == person.clickId) ? "yay" : 'nay'; 

localStorage.setItem('person', JSON.stringify({ 
    clickId: 1 
})); 

<div id="result"></div> 

Working example

Answer 2

。戻り値 - 配列に値が含まれていない場合は1