இந்த இடுகை ஜாவாஸ்கிரிப்டில் சேமிப்பக “கீ()” முறையை விளக்குகிறது.
ஜாவாஸ்கிரிப்ட்டில் சேமிப்பக விசை() முறை என்ன செய்கிறது?
' விசை() ” முறையானது குறிப்பிட்ட குறியீட்டில் வைக்கப்பட்டுள்ள முக்கிய பெயரை மீட்டெடுக்கும் சேமிப்பக பொருளுடன் தொடர்புடையது. 'சேமிப்பு' பொருள் ' உள்ளூர் 'அல்லது' அமர்வு 'சேமிப்பு. இது பயனர்கள் உள்ளூர் மற்றும் அமர்வு சேமிப்பக விசைகளை அணுக அனுமதிக்கிறது.
தொடரியல் (உள்ளூர் சேமிப்பகத்திற்கு)
உள்ளூர் சேமிப்பு. முக்கிய ( குறியீட்டு ) ;
மேலே உள்ள தொடரியல் ஒரு அளவுருவை ஏற்றுக்கொள்கிறது ' குறியீட்டு ” என்று கொடுக்கப்பட்ட குறியீட்டில் விசையின் பெயரை வழங்குகிறது.
தொடரியல் (அமர்வு சேமிப்பிற்காக)
அமர்வு சேமிப்பு. முக்கிய ( குறியீட்டு ) ;
மேலே உள்ள தொடரியல் 'இன்டெக்ஸ்' அளவுருவை 'லோக்கல் ஸ்டோரேஜ்' போன்றே ஆதரிக்கிறது.
மேலே வரையறுக்கப்பட்ட இரண்டு தொடரியல்களும் சேமிப்பக பொருளின் முக்கிய பெயரை ஒரு சரமாக வழங்கும். இரண்டையும் ஒவ்வொன்றாக செயல்படுத்துவோம்.
எடுத்துக்காட்டு 1: குறிப்பிட்ட லோக்கல் ஸ்டோரேஜ் கீ பெயரைப் பெற சேமிப்பக “கீ()” முறையைப் பயன்படுத்துதல்
உள்ளூர் குறிப்பிடப்பட்ட குறியீட்டு சேமிப்பக முக்கிய பெயரைப் பெறுவதற்கு சேமிப்பக “கீ()” முறையின் நடைமுறைச் செயலாக்கத்தை இந்த எடுத்துக்காட்டு விளக்குகிறது.
HTML குறியீடு
முதலில், கொடுக்கப்பட்ட HTML குறியீட்டைப் பாருங்கள்:
< h2 > சேமிப்பக விசை ( ) முறை ஜாவாஸ்கிரிப்டில் h2 >< பொத்தானை கிளிக் செய்யவும் = 'myFunc()' > குறிப்பிட்ட லோக்கல் ஸ்டோரேஜ் கீயைப் பெறவும் பொத்தானை >
< p id = 'டெமோ' > ப >
மேலே உள்ள குறியீடு துணுக்கில்:
- முதலில், '' வழியாக ஒரு துணைத் தலைப்பைக் குறிப்பிடவும் ” குறிச்சொல்.
- அடுத்து, '' இன் உதவியுடன் ஒரு பொத்தானைச் சேர்க்கவும் <பொத்தான்> 'குறிச்சொல்' அடங்கியது கிளிக் செய்யவும் 'செயல்பாட்டை செயல்படுத்த நிகழ்வு' myFunc() ” என்ற பொத்தானைக் கிளிக் செய்யவும்.
- கடைசியாக, ஒரு வெற்று பத்தியை உருவாக்கவும் ” குறிச்சொல் அதன் ஒதுக்கப்பட்ட ஐடி “டெமோ” மூலம் எளிதாக அணுக முடியும்.
ஜாவாஸ்கிரிப்ட் குறியீடு
அடுத்து, கீழே குறிப்பிடப்பட்டுள்ள குறியீட்டுடன் தொடரவும்:
< கையால் எழுதப்பட்ட தாள் >உள்ளூர் சேமிப்பு. பொருள் தொகுப்பு ( 'இணையதளம்' , 'லினக்ஸ்' ) ;
உள்ளூர் சேமிப்பு. பொருள் தொகுப்பு ( 'முதல் டுடோரியல்' , 'HTML' ) ;
உள்ளூர் சேமிப்பு. பொருள் தொகுப்பு ( 'இரண்டாம் பயிற்சி' , 'ஜாவாஸ்கிரிப்ட்' ) ;
செயல்பாடு myFunc ( ) {
x உள்ளது = உள்ளூர் சேமிப்பு. முக்கிய ( 1 ) ;
ஆவணம். getElementById ( 'டெமோ' ) . உள் HTML = எக்ஸ் ;
}
கையால் எழுதப்பட்ட தாள் >
மேலே உள்ள குறியீடு தொகுதியில்:
- ' உள்ளூர் சேமிப்பு 'சொத்து தொடர்புடையது' setItem() 'குறிப்பிட்ட உள்ளூர் சேமிப்பக உருப்படிகளை அமைப்பதற்கான முறை.
- அடுத்து, '' என்ற செயல்பாடு myFunc() ' வரையறுக்கப்படுகிறது.
- அதன் வரையறையில், ' விசை() 'முறையானது' உடன் தொடர்புடையது உள்ளூர் சேமிப்பு 'முதல் குறியீட்டின் முக்கிய பெயரைப் பெறுவதற்கான சொத்து.
- அதன் பிறகு, ' document.getElementById() 'டெமோ' ஐடியைப் பயன்படுத்தி வெற்றுப் பத்தியை அணுக, உள்ளூர் சேமிப்பக உருப்படியான 'பெயர்' விசையுடன் அதைச் சேர்க்க 'முறை பயன்படுத்தப்படுகிறது.
வெளியீடு
பார்த்தபடி, வெளியீடு உள்ளூர் சேமிப்பக உருப்படியின் முக்கிய பெயரைக் காட்டுகிறது .e. முதல் குறியீட்டில் உள்ள 'SecondTutorial' பொத்தானைக் கிளிக் செய்வதன் மூலம் அகரவரிசைப்படி பின்பற்றவும்.
எடுத்துக்காட்டு 2: குறிப்பிட்ட அமர்வு சேமிப்பக முக்கியப் பெயரைப் பெற சேமிப்பக “கீ()” முறையைப் பயன்படுத்துதல்
இந்த எடுத்துக்காட்டில், ஸ்டோரேஜ் “கீ()” முறையானது குறிப்பிட்ட குறியீட்டுடன் அமர்வு சேமிப்பக முக்கிய பெயரை வழங்குகிறது.
HTML குறியீடு
முதலில், பின்வரும் HTML குறியீட்டைப் பார்க்கவும்:
< h2 > சேமிப்பக விசை ( ) முறை ஜாவாஸ்கிரிப்டில் h2 >< பொத்தானை கிளிக் செய்யவும் = 'myFunc()' > குறிப்பிட்ட அமர்வு சேமிப்பக விசையைப் பெறவும் பொத்தானை >
< p id = 'டெமோ' > ப >
மேலே உள்ள குறியீடு எடுத்துக்காட்டு 1 போலவே உள்ளது, ஆனால் HTML உள்ளடக்கத்தில் சில மேம்படுத்தல்கள் உள்ளன.
ஜாவாஸ்கிரிப்ட் குறியீடு
அடுத்து, பின்வரும் குறியீட்டிற்குச் செல்லவும்:
< கையால் எழுதப்பட்ட தாள் >அமர்வு சேமிப்பு. பொருள் தொகுப்பு ( 'இணையதளம்' , 'லினக்ஸ்' ) ;
அமர்வு சேமிப்பு. பொருள் தொகுப்பு ( 'முதல்' , 'HTML' ) ;
அமர்வு சேமிப்பு. பொருள் தொகுப்பு ( 'இரண்டாவது' , 'ஜாவாஸ்கிரிப்ட்' ) ;
செயல்பாடு myFunc ( ) {
x உள்ளது = அமர்வு சேமிப்பு. முக்கிய ( 2 ) ;
ஆவணம். getElementById ( 'டெமோ' ) . உள் HTML = எக்ஸ் ;
}
கையால் எழுதப்பட்ட தாள் >
இங்கே, அமர்வு சேமிப்பு உருப்படிகள் 'ஐப் பயன்படுத்தி உருவாக்கப்படுகின்றன. அமர்வு சேமிப்பு 'சொத்து பின்னர்' விசை() 'இரண்டாவது குறியீட்டின் குறிப்பிட்ட குறியீட்டு அமர்வு சேமிப்பு முக்கிய பெயரைப் பெறுவதற்கு முறை பயன்படுத்தப்படுகிறது.
வெளியீடு
இந்த முடிவில், 'கீ()' முறையானது இரண்டாவது குறியீட்டில் சேமிக்கப்பட்ட அமர்வு சேமிப்பக உருப்படியின் முக்கிய பெயரைக் காட்டுகிறது. சேமிப்பகத் திறவுகோல் பெயருக்கான தேடல் செயல்முறை அகர வரிசையைப் பின்பற்றுகிறது, இது '' இலிருந்து தேடத் தொடங்குகிறது. 0 'குறியீடு.
முடிவுரை
ஜாவாஸ்கிரிப்ட் சேமிப்பகத்தை வழங்குகிறது ' விசை() 'இரண்டின் குறிப்பிட்ட குறியீட்டுடன் முக்கிய பெயரைப் பெறுவதற்கான முறை' உள்ளூர் ' மற்றும் இந்த ' அமர்வு 'சேமிப்பு பொருள்கள். இது சேமிப்பகத்தில் குறிப்பிடப்பட்ட முக்கிய பெயரைத் தேடி அதன் பெயரை DOM (ஆவண பொருள் மாதிரி) இல் காண்பிக்கும். இந்த பணியை செய்ய 'இண்டெக்ஸ்' அளவுரு மட்டுமே தேவைப்படுகிறது. இந்த இடுகை ஜாவாஸ்கிரிப்ட் ஸ்டோரேஜ் “கீ()” முறையின் செயல்பாட்டை விரிவாக விளக்குகிறது.