HTML5 और जावास्क्रिप्ट में लोकलस्टोरीज के माध्यम से लूपिंग

Question 1

इसलिए, मैं सोच रहा था कि मैं एक सामान्य वस्तु की तरह लोकलस्टोरीज के माध्यम से लूप कर सकता हूं क्योंकि इसकी लंबाई है। मैं इसके माध्यम से कैसे लूप कर सकता हूं?

localStorage.setItem(1,'Lorem');
localStorage.setItem(2,'Ipsum');
localStorage.setItem(3,'Dolor');

अगर मैं localStorage.lengthइसे लौटाता हूं 3जो सही है। तो मुझे लगता है कि एक for...inलूप काम करेगा।

मैं कुछ सोच रहा था:

for (x in localStorage){
    console.log(localStorage[x]);
}

लेकिन कोई फायदा नहीं हुआ। कोई विचार?

दूसरा विचार मेरे पास कुछ ऐसा था

localStorage.setItem(1,'Lorem|Ipsum|Dolor')
var split_list = localStorage.getItem(1).split('|');

जिसमें for...inकाम करता है।

Question 2

आप keyविधि का उपयोग कर सकते हैं । वें कुंजी localStorage.key(index)लौटाता है index(जब तक आप कुंजियों को जोड़ते या हटाते हैं, तब तक क्रम कार्यान्वयन-परिभाषित होता है लेकिन स्थिर रहता है)।

for (var i = 0; i < localStorage.length; i++){
    $('body').append(localStorage.getItem(localStorage.key(i)));
}

यदि आदेश मायने रखता है, तो आप JSON-serialized सरणी स्टोर कर सकते हैं:

localStorage.setItem("words", JSON.stringify(["Lorem", "Ipsum", "Dolor"]));

मसौदा कल्पना का दावा है कि संरचित क्लोन का समर्थन करने वाली कोई भी वस्तु एक मूल्य हो सकती है। लेकिन यह अभी तक समर्थित नहीं है।

संपादित करें: सरणी लोड करने के लिए, इसे जोड़ें, फिर स्टोर करें:

var words = JSON.parse(localStorage.getItem("words"));
words.push("hello");
localStorage.setItem("words", JSON.stringify(words));

Question 3

सबसे सरल तरीका है:

Object.keys(localStorage).forEach(function(key){
   console.log(localStorage.getItem(key));
});

Question 4

अन्य सभी उत्तरों के अलावा, आप jQuery लाइब्रेरी से $ .each फ़ंक्शन का उपयोग कर सकते हैं :

$.each(localStorage, function(key, value){

  // key magic
  // value magic

});

आखिरकार, वस्तु प्राप्त करें:

JSON .parse (localStorage.getItem (localStorage.key (कुंजी)));

Question 5

यह मेरे लिए Chrome में काम करता है:

for(var key in localStorage) {
  $('body').append(localStorage.getItem(key));
}

Question 6

पिछले उत्तर पर निर्माण एक ऐसा कार्य है जो प्रमुख मूल्यों को जाने बिना कुंजी द्वारा स्थानीय भंडारण के माध्यम से लूप करेगा।

function showItemsByKey() {
   var typeofKey = null;
   for (var key in localStorage) {
       typeofKey = (typeof localStorage[key]);
       console.log(key, typeofKey);
   }
}

यदि आप कंसोल आउटपुट की जांच करते हैं, तो आप देखेंगे कि आपके कोड द्वारा जोड़े गए आइटम में सभी टाइपो स्ट्रिंग है। जबकि अंतर्निहित आइटम या तो फ़ंक्शन {[मूल कोड]} या लंबाई संपत्ति के मामले में एक नंबर हैं। आप टाइप करने के लिए typeofKey वैरिएबल का उपयोग स्ट्रिंग्स पर कर सकते हैं ताकि केवल आपके आइटम प्रदर्शित हों।

ध्यान दें कि यह तब भी काम करता है जब आप एक संख्या या बूलियन को मान के रूप में संग्रहीत करते हैं क्योंकि वे दोनों तार के रूप में संग्रहीत होते हैं।

Question 7

ये सभी उत्तर ब्राउज़र के पार स्थानीयस्टोरेज के कार्यान्वयन के बीच के अंतरों को नजरअंदाज करते हैं। इस डोमेन में योगदानकर्ताओं को उनके द्वारा वर्णित प्लेटफार्मों के साथ अपनी प्रतिक्रियाओं को भारी रूप से योग्य बनाना चाहिए। एक ब्राउज़र-वाइड कार्यान्वयन को https://developer.mozilla.org/en/docs/Web/API/Window/localStorage पर प्रलेखित किया गया है और बहुत शक्तिशाली होते हुए भी केवल कुछ मुख्य विधियाँ शामिल हैं। सामग्री के माध्यम से लूपिंग को व्यक्तिगत ब्राउज़रों के लिए लागू कार्यान्वयन की समझ की आवश्यकता होती है।

Question 8

localStorageएक है Object।

हम किसी अन्य ऑब्जेक्ट की तरह ही जावास्क्रिप्ट के साथ / स्टेटमेंट में इसके माध्यम से लूप कर सकते हैं ।

और हम .getItem()प्रत्येक कुंजी (x) के मान को एक्सेस करने के लिए उपयोग करेंगे ।

for (x in localStorage){
    console.log(localStorage.getItem(x));
}