এইচটিএমএল 5 এবং জাভাস্ক্রিপ্টে লোকালস্টোরেশনের মাধ্যমে লুপিং

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তম কী (যতক্ষণ না আপনি Add or Remove কী অর্ডার বাস্তবায়ন-সংজ্ঞায়িত কিন্তু ধ্রুবক)।

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

যদি অর্ডারটি গুরুত্বপূর্ণ হয় তবে আপনি একটি JSON- সিরিয়ালযুক্ত অ্যারে সঞ্চয় করতে পারেন:

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 লাইব্রেরি থেকে ea .ch ফাংশনটি ব্যবহার করতে পারেন :

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

  // key magic
  // value magic

});

অবশেষে, এইটির সাথে বস্তুটি পান:

তাদেরকে JSON .parse (localStorage.getItem (localStorage.key (কী)));

Question 5

এটি ক্রোমে আমার জন্য কাজ করে:

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);
   }
}

আপনি যদি কনসোল আউটপুট পরীক্ষা করেন তবে আপনি দেখতে পাবেন যে আপনার কোড দ্বারা যুক্ত আইটেমগুলির সকলের একটি টাইপ স্ট্রিং রয়েছে। যদিও অন্তর্নির্মিত আইটেমগুলি হয় ফাংশন {[নেটিভ কোড]} বা দৈর্ঘ্যের সম্পত্তির ক্ষেত্রে একটি সংখ্যা। আপনি টাইপফিকে ভেরিয়েবলটি কেবল স্ট্রিংগুলিতে ফিল্টার করতে ব্যবহার করতে পারেন যাতে কেবল আপনার আইটেম প্রদর্শিত হয়।

আপনি যদি কোনও সংখ্যা বা বুলিয়ানকে স্ট্রিং হিসাবে উভয়ই সঞ্চিত রাখে মান হিসাবে সংরক্ষণ করেন এমনকি এটি কাজ করে দেখুন।

Question 7

এই সমস্ত উত্তর ব্রাউজারগুলিতে লোকালস্টোরেজ প্রয়োগের মধ্যে পার্থক্য উপেক্ষা করে। এই ডোমেনটির অবদানকারীদের তারা যে প্ল্যাটফর্মগুলি বর্ণনা করছেন তার সাথে তাদের প্রতিক্রিয়াগুলি ভারীভাবে যোগ্য করে তোলা উচিত। একটি ব্রাউজার-ব্যাপী বাস্তবায়ন https://developer.mozilla.org/en/docs/Web/API/Window/localStorage এ নথিভুক্ত করা হয়েছে এবং খুব শক্তিশালী হলেও কেবল কয়েকটি মূল পদ্ধতি রয়েছে। বিষয়বস্তুগুলির মধ্য দিয়ে লুপিং করতে পৃথক ব্রাউজারগুলির সাথে সম্পর্কিত বাস্তবায়নের একটি বোঝার প্রয়োজন।

Question 8

localStorageএকটি Object।

আমরা জাভাস্ক্রিপ্ট এর মাধ্যমে / অন্য বিবরণের মতো বিবৃতিতে লুপ করতে পারি with

এবং আমরা .getItem()প্রতিটি কী (এক্স) এর মান অ্যাক্সেস করতে ব্যবহার করব ।

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