এই পোস্টটি জাভাস্ক্রিপ্টে স্টোরেজ 'কী()' পদ্ধতি প্রদর্শন করে।
জাভাস্ক্রিপ্টে স্টোরেজ কী() পদ্ধতি কী করে?
দ্য ' চাবি() ” পদ্ধতিটি স্টোরেজ অবজেক্টের সাথে যুক্ত যা নির্দিষ্ট সূচকে রাখা কী নামটি পুনরুদ্ধার করে। 'স্টোরেজ' অবজেক্ট হতে পারে ' স্থানীয় ' অথবা ' সেশন স্টোরেজ। এটি ব্যবহারকারীদের স্থানীয় এবং সেশন স্টোরেজ কী উভয়ই অ্যাক্সেস করতে দেয়।
সিনট্যাক্স (স্থানীয় স্টোরেজের জন্য)
স্থানীয় স্টোরেজ। চাবি ( সূচক ) ;
উপরের সিনট্যাক্স একটি প্যারামিটার গ্রহণ করে ' সূচক যা একটি প্রদত্ত সূচকে কীটির নাম প্রদান করে।
সিনট্যাক্স (সেশন স্টোরেজের জন্য)
সেশন স্টোরেজ। চাবি ( সূচক ) ;
উপরের সিনট্যাক্সটি 'স্থানীয় স্টোরেজ' এর মতোই 'সূচক' প্যারামিটারটিকেও সমর্থন করে।
উপরোক্ত-সংজ্ঞায়িত উভয় সিনট্যাক্স একটি স্ট্রিং হিসাবে স্টোরেজ অবজেক্টের মূল নাম প্রদান করে। একে একে উভয়কেই বাস্তবায়ন করা যাক।
উদাহরণ 1: নির্দিষ্ট স্থানীয় স্টোরেজ কী নাম পুনরুদ্ধার করার জন্য স্টোরেজ 'কী()' পদ্ধতি প্রয়োগ করা
এই উদাহরণ স্থানীয় নির্দিষ্ট সূচক স্টোরেজ কী নাম পেতে স্টোরেজ 'কী()' পদ্ধতির ব্যবহারিক বাস্তবায়ন ব্যাখ্যা করে।
HTML কোড
প্রথমে, প্রদত্ত HTML কোডটি দেখুন:
< h2 > স্টোরেজ কী ( ) পদ্ধতি জাভাস্ক্রিপ্টে h2 >< বোতামে ক্লিক করুন = 'myFunc()' > নির্দিষ্ট স্থানীয় স্টোরেজ কী পান বোতাম >
< পি আইডি = 'ডেমো' >> পি >
উপরের কোড স্নিপেটে:
- প্রথমে, 'এর মাধ্যমে একটি উপশিরোনাম উল্লেখ করুন ট্যাগ
- এর পরে, 'এর সাহায্যে একটি বোতাম যুক্ত করুন <বোতাম> একটি ট্যাগ সমন্বিত একটি ' অনক্লিক 'ফাংশন চালানোর জন্য ইভেন্ট' myFunc() ” বোতামে ক্লিক করুন।
- অবশেষে, 'এর মাধ্যমে একটি খালি অনুচ্ছেদ তৈরি করুন ' ট্যাগ যা সহজেই তার নির্ধারিত আইডি 'ডেমো' এর মাধ্যমে অ্যাক্সেস করা যেতে পারে।
জাভাস্ক্রিপ্ট কোড
এর পরে, নীচে বর্ণিত কোডটি দিয়ে এগিয়ে যান:
< লিপি >স্থানীয় স্টোরেজ। সেট আইটেম ( 'ওয়েবসাইট' , 'লিনাক্স' ) ;
স্থানীয় স্টোরেজ। সেট আইটেম ( 'প্রথম টিউটোরিয়াল' , 'এইচটিএমএল' ) ;
স্থানীয় স্টোরেজ। সেট আইটেম ( 'দ্বিতীয় টিউটোরিয়াল' , 'জাভাস্ক্রিপ্ট' ) ;
ফাংশন myFunc ( ) {
x আছে = স্থানীয় স্টোরেজ। চাবি ( 1 ) ;
নথি getElementById ( 'ডেমো' ) . innerHTML = এক্স ;
}
লিপি >
উপরের কোড ব্লকে:
- দ্য ' স্থানীয় স্টোরেজ 'সম্পত্তির সাথে সম্পর্কিত' সেট আইটেম() নির্দিষ্ট স্থানীয় স্টোরেজ আইটেম সেট করার পদ্ধতি।
- এর পরে, ফাংশনটির নাম ' myFunc() ' সংজ্ঞায়িত করা.
- এর সংজ্ঞায়, ' চাবি() 'পদ্ধতি' এর সাথে যুক্ত স্থানীয় স্টোরেজ প্রথম সূচকের মূল নাম পেতে সম্পত্তি।
- এর পরে, ' document.getElementById() স্থানীয় স্টোরেজ আইটেম কী 'নাম' এর সাথে এটিকে যুক্ত করতে তার আইডি 'ডেমো' ব্যবহার করে খালি অনুচ্ছেদ অ্যাক্সেস করতে ' পদ্ধতি প্রয়োগ করা হয়৷
আউটপুট
যেমন দেখা যায়, আউটপুট স্থানীয় স্টোরেজ আইটেম কী নাম প্রদর্শন করে। 'দ্বিতীয় টিউটোরিয়াল' বোতাম ক্লিক করার পরে বর্ণানুক্রমিক ক্রম অনুসরণ করে প্রথম সূচকে।
উদাহরণ 2: নির্দিষ্ট সেশন স্টোরেজ কী নাম পেতে স্টোরেজ 'কী()' পদ্ধতি প্রয়োগ করা
এই উদাহরণে, স্টোরেজ 'কী()' পদ্ধতি একটি নির্দিষ্ট সূচকের সাথে সেশন স্টোরেজ কী নাম প্রদান করে।
HTML কোড
প্রথমে, নিম্নলিখিত HTML কোডের মাধ্যমে যান:
< h2 > স্টোরেজ কী ( ) পদ্ধতি জাভাস্ক্রিপ্টে h2 >< বোতামে ক্লিক করুন = 'myFunc()' > নির্দিষ্ট সেশন স্টোরেজ কী পান বোতাম >
< পি আইডি = 'ডেমো' >> পি >
উপরের কোডটি উদাহরণ 1 এর মতই কিন্তু এইচটিএমএল সামগ্রীতে কয়েকটি আপডেট সহ।
জাভাস্ক্রিপ্ট কোড
পরবর্তী, নিম্নলিখিত কোডে যান:
< লিপি >সেশন স্টোরেজ। সেট আইটেম ( 'ওয়েবসাইট' , 'লিনাক্স' ) ;
সেশন স্টোরেজ। সেট আইটেম ( 'প্রথম' , 'এইচটিএমএল' ) ;
সেশন স্টোরেজ। সেট আইটেম ( 'দ্বিতীয়' , 'জাভাস্ক্রিপ্ট' ) ;
ফাংশন myFunc ( ) {
x আছে = সেশন স্টোরেজ। চাবি ( 2 ) ;
নথি getElementById ( 'ডেমো' ) . innerHTML = এক্স ;
}
লিপি >
এখানে, সেশন স্টোরেজ আইটেমগুলি ' ব্যবহার করে তৈরি করা হয় সেশন স্টোরেজ 'সম্পত্তি এবং তারপর ' চাবি() ” পদ্ধতিটি দ্বিতীয় সূচকের নির্দিষ্ট সূচক সেশন স্টোরেজ কী নাম পেতে প্রয়োগ করা হয়।
আউটপুট
এই ফলাফলে, 'কী()' পদ্ধতিটি দ্বিতীয় সূচকে সংরক্ষিত সেশন স্টোরেজ আইটেমের মূল নাম প্রদর্শন করে। স্টোরেজ কী নামের জন্য অনুসন্ধান প্রক্রিয়া বর্ণানুক্রমিক ক্রম অনুসরণ করে যা 'থেকে অনুসন্ধান করা শুরু করে' 0 ” সূচক।
উপসংহার
জাভাস্ক্রিপ্ট স্টোরেজ প্রদান করে ' চাবি() উভয়ের নির্দিষ্ট সূচকের সাথে কী নাম পাওয়ার পদ্ধতি স্থানীয় ' এবং ' সেশন ” স্টোরেজ অবজেক্ট। এটি স্টোরেজে নির্দিষ্ট কী নাম অনুসন্ধান করে এবং তারপর DOM (ডকুমেন্ট অবজেক্ট মডেল) এ তার নাম প্রদর্শন করে। এই কাজটি সম্পাদন করার জন্য এটি শুধুমাত্র 'সূচী' পরামিতি প্রয়োজন। এই পোস্টটি বিস্তারিতভাবে জাভাস্ক্রিপ্ট স্টোরেজ 'কী()' পদ্ধতির কাজ চিত্রিত করেছে।