ఈ పోస్ట్ జావాస్క్రిప్ట్లో స్టోరేజ్ “కీ()” పద్ధతిని ప్రదర్శిస్తుంది.
జావాస్క్రిప్ట్లో స్టోరేజ్ కీ() విధానం ఏమి చేస్తుంది?
ది ' కీ() ”పద్ధతి స్టోరేజ్ ఆబ్జెక్ట్తో అనుబంధించబడింది, అది పేర్కొన్న ఇండెక్స్లో ఉంచబడిన కీ పేరును తిరిగి పొందుతుంది. 'నిల్వ' వస్తువు ' స్థానిక ' లేదా ' సెషన్ 'నిల్వ. ఇది లోకల్ మరియు సెషన్ స్టోరేజ్ కీలు రెండింటినీ యాక్సెస్ చేయడానికి వినియోగదారులను అనుమతిస్తుంది.
సింటాక్స్ (స్థానిక నిల్వ కోసం)
స్థానిక నిల్వ. కీ ( సూచిక ) ;
పై వాక్యనిర్మాణం ఒక పరామితిని అంగీకరిస్తుంది ' సూచిక ” ఇచ్చిన ఇండెక్స్లో కీ పేరును అందిస్తుంది.
సింటాక్స్ (సెషన్ నిల్వ కోసం)
సెషన్ నిల్వ. కీ ( సూచిక ) ;
పై వాక్యనిర్మాణం 'లోకల్ స్టోరేజ్' వలె 'ఇండెక్స్' పారామీటర్కు కూడా మద్దతు ఇస్తుంది.
పైన నిర్వచించిన రెండు వాక్యనిర్మాణాలు స్టోరేజ్ ఆబ్జెక్ట్ యొక్క కీ పేరును స్ట్రింగ్గా తిరిగి అందిస్తాయి. రెండింటినీ ఒక్కొక్కటిగా అమలు చేద్దాం.
ఉదాహరణ 1: పేర్కొన్న స్థానిక నిల్వ కీ పేరును తిరిగి పొందడానికి స్టోరేజ్ “కీ()” పద్ధతిని వర్తింపజేయడం
స్థానిక పేర్కొన్న ఇండెక్స్ స్టోరేజ్ కీ పేరును పొందడానికి నిల్వ “కీ()” పద్ధతి యొక్క ఆచరణాత్మక అమలును ఈ ఉదాహరణ వివరిస్తుంది.
HTML కోడ్
ముందుగా, ఇచ్చిన HTML కోడ్ని చూడండి:
< h2 > నిల్వ కీ ( ) పద్ధతి జావాస్క్రిప్ట్లో h2 >< బటన్ క్లిక్ చేయండి = 'myFunc()' > పేర్కొన్న స్థానిక నిల్వ కీని పొందండి బటన్ >
< p id = 'డెమో' > p >
పై కోడ్ స్నిప్పెట్లో:
- ముందుగా, '' ద్వారా ఉపశీర్షికను పేర్కొనండి ” ట్యాగ్.
- తరువాత, '' సహాయంతో బటన్ను జోడించండి <బటన్> 'ట్యాగ్' కలిగి ఉంటుంది క్లిక్ చేయండి 'ఫంక్షన్ అమలు చేయడానికి ఈవెంట్' myFunc() ” బటన్పై క్లిక్ చేయండి.
- చివరగా, '' ద్వారా ఖాళీ పేరాను సృష్టించండి 'డెమో' కేటాయించిన ID ద్వారా సులభంగా యాక్సెస్ చేయగల ట్యాగ్.
జావాస్క్రిప్ట్ కోడ్
తరువాత, దిగువ పేర్కొన్న కోడ్తో కొనసాగండి:
< స్క్రిప్ట్ >స్థానిక నిల్వ. సెట్ఐటెమ్ ( 'వెబ్సైట్' , 'Linux' ) ;
స్థానిక నిల్వ. సెట్ఐటెమ్ ( 'ఫస్ట్ ట్యుటోరియల్' , 'HTML' ) ;
స్థానిక నిల్వ. సెట్ఐటెమ్ ( 'సెకండ్ ట్యుటోరియల్' , 'జావాస్క్రిప్ట్' ) ;
ఫంక్షన్ myFunc ( ) {
x ఉంది = స్థానిక నిల్వ. కీ ( 1 ) ;
పత్రం. getElementById ( 'డెమో' ) . అంతర్గత HTML = x ;
}
స్క్రిప్ట్ >
పై కోడ్ బ్లాక్లో:
- ది ' స్థానిక నిల్వ 'ఆస్తి'తో ముడిపడి ఉంది సెట్ఐటెమ్() ” పేర్కొన్న స్థానిక నిల్వ అంశాలను సెట్ చేసే పద్ధతి.
- తరువాత, '' అనే ఫంక్షన్ myFunc() ' నిర్వచించబడింది.
- దాని నిర్వచనంలో, ' కీ() 'పద్ధతి 'తో ముడిపడి ఉంది స్థానిక నిల్వ ”మొదటి సూచిక యొక్క ముఖ్య పేరును పొందడానికి ఆస్తి.
- ఆ తరువాత, ' document.getElementById() స్థానిక నిల్వ ఐటెమ్ కీ 'పేరు'తో జోడించడానికి దాని ఐడి 'డెమో'ని ఉపయోగించి ఖాళీ పేరాను యాక్సెస్ చేయడానికి ” పద్ధతి వర్తించబడుతుంది.
అవుట్పుట్
చూసినట్లుగా, అవుట్పుట్ స్థానిక నిల్వ అంశం కీ పేరును ప్రదర్శిస్తుంది .e. బటన్ క్లిక్పై అక్షర క్రమాన్ని అనుసరించడం ద్వారా మొదటి సూచికలో “సెకండ్ ట్యుటోరియల్”.
ఉదాహరణ 2: పేర్కొన్న సెషన్ స్టోరేజ్ కీ పేరు పొందడానికి స్టోరేజ్ “కీ()” పద్ధతిని వర్తింపజేయడం
ఈ ఉదాహరణలో, స్టోరేజ్ “కీ()” పద్ధతి నిర్దిష్ట సూచికతో సెషన్ స్టోరేజ్ కీ పేరుని అందిస్తుంది.
HTML కోడ్
ముందుగా, కింది HTML కోడ్ ద్వారా వెళ్ళండి:
< h2 > నిల్వ కీ ( ) పద్ధతి జావాస్క్రిప్ట్లో h2 >< బటన్ క్లిక్ చేయండి = 'myFunc()' > పేర్కొన్న సెషన్ స్టోరేజ్ కీని పొందండి బటన్ >
< p id = 'డెమో' > p >
ఎగువ కోడ్ ఉదాహరణ 1 వలె ఉంటుంది కానీ HTML కంటెంట్లో కొన్ని నవీకరణలతో ఉంటుంది.
జావాస్క్రిప్ట్ కోడ్
తరువాత, కింది కోడ్కు వెళ్లండి:
< స్క్రిప్ట్ >సెషన్ నిల్వ. సెట్ఐటెమ్ ( 'వెబ్సైట్' , 'Linux' ) ;
సెషన్ నిల్వ. సెట్ఐటెమ్ ( 'ప్రధమ' , 'HTML' ) ;
సెషన్ నిల్వ. సెట్ఐటెమ్ ( 'రెండవ' , 'జావాస్క్రిప్ట్' ) ;
ఫంక్షన్ myFunc ( ) {
x ఉంది = సెషన్ నిల్వ. కీ ( 2 ) ;
పత్రం. getElementById ( 'డెమో' ) . అంతర్గత HTML = x ;
}
స్క్రిప్ట్ >
ఇక్కడ, సెషన్ నిల్వ అంశాలు 'ని ఉపయోగించి సృష్టించబడతాయి. సెషన్ నిల్వ 'ఆస్తి ఆపై' కీ() 'రెండవ ఇండెక్స్ యొక్క పేర్కొన్న ఇండెక్స్ సెషన్ స్టోరేజ్ కీ పేరును పొందడానికి పద్ధతి వర్తించబడుతుంది.
అవుట్పుట్
ఈ ఫలితంలో, 'కీ()' పద్ధతి రెండవ సూచికలో నిల్వ చేయబడిన సెషన్ నిల్వ అంశం యొక్క కీ పేరును ప్రదర్శిస్తుంది. నిల్వ కీ పేరు కోసం శోధన ప్రక్రియ '' నుండి శోధించడం ప్రారంభించే అక్షర క్రమాన్ని అనుసరిస్తుంది. 0 ”సూచిక.
ముగింపు
జావాస్క్రిప్ట్ నిల్వను అందిస్తుంది ' కీ() 'రెంటికీ నిర్దిష్ట సూచికతో కీ పేరు పొందడానికి పద్ధతి' స్థానిక ' ఇంకా ' సెషన్ ” నిల్వ వస్తువులు. ఇది నిల్వలో పేర్కొన్న కీ పేరును శోధిస్తుంది మరియు దాని పేరును DOM (డాక్యుమెంట్ ఆబ్జెక్ట్ మోడల్)లో ప్రదర్శిస్తుంది. ఈ పనిని నిర్వహించడానికి 'ఇండెక్స్' పరామితి మాత్రమే అవసరం. ఈ పోస్ట్ జావాస్క్రిప్ట్ స్టోరేజ్ “కీ()” పద్ధతి యొక్క పనిని వివరంగా వివరించింది.