దిగువ పద్ధతులను వివరించడం ద్వారా జావాస్క్రిప్ట్లో నిర్దిష్ట పదాన్ని క్యాపిటలైజ్ చేసే విధానాన్ని ఈ బ్లాగ్ వివరిస్తుంది:
జావాస్క్రిప్ట్లో పదాన్ని డైనమిక్గా క్యాపిటలైజ్ చేయడం ఎలా?
అందించిన స్ట్రింగ్లోని మొదటి పదాన్ని మాత్రమే క్యాపిటలైజ్ చేయడానికి ఉపయోగించే అంతర్నిర్మిత ఆస్తి లేదా JavaScript పద్ధతి ఏదీ లేదు, అయినప్పటికీ, కావలసిన ఫలితాలను అందించడానికి సవరించగలిగే కొన్ని విధానాలు ఉన్నాయి. ఈ పద్ధతులు వాటి కోడ్ వివరణతో వివరించబడ్డాయి. కొనసాగిద్దాం.
విధానం 1: “స్లైస్()” పద్ధతిని ఉపయోగించడం
ఈ పద్ధతిలో, ' ప్రాంప్ట్ () ', మరియు' ToupperCase() 'పద్ధతులు ఉపయోగించబడతాయి' ముక్క () ”మొదటి పదాన్ని లేదా స్ట్రింగ్లోని కొంత భాగాన్ని అవసరమైన విధంగా లేదా వినియోగదారు పేర్కొన్న విధంగా క్యాపిటలైజ్ చేసే పద్ధతి. దిగువ కోడ్ స్నిప్పెట్లో చూపిన విధంగా:
< శరీరం >
< h1 > Linuxhint వ్యాసం h1 >
< h4 > మొదటి పదాన్ని క్యాపిటలైజ్ చేయడం h4 >
< బటన్ క్లిక్ చేయండి = 'captalizeFirstWord()' > ప్రయత్నించు బటన్ >
< p id = 'లక్ష్యం' > p >
< స్క్రిప్ట్ >
ఫంక్షన్ క్యాప్టలైజ్ ఫస్ట్ వర్డ్ ( ) {
డేటాను అనుమతించండి = ప్రాంప్ట్ ( 'దయచేసి స్ట్రింగ్ని నమోదు చేయండి' , 'జాన్ విక్' ) ;
స్థిరంగా wordEndIndex = ప్రాంప్ట్ ( 'చివరి పరిధిని నమోదు చేయండి' , '5' ) ;
మొదటి పదాన్ని తెలియజేయండి = సమాచారం. ముక్క ( 0 , wordEndIndex ) ;
rem వీలు = సమాచారం. భర్తీ చేయండి ( మొదటి పదం , '' ) ;
ఉంటే ( సమాచారం != శూన్య ) {
పత్రం. getElementById ( 'లక్ష్యం' ) . అంతర్గత HTML = 'మొదటి పదం ఇప్పుడు క్యాపిటలైజ్ చేయబడింది:' + మొదటి పదం. అప్పర్కేస్ ( ) + rem ;
}
}
స్క్రిప్ట్ >
శరీరం >
కోడ్ యొక్క వివరణ:
- మొదట, బటన్ మూలకం ప్రకటించబడింది, అది '' అని పిలుస్తుంది. captalizeFirstWord() 'ఉపయోగించే పద్ధతి' క్లిక్ చేయండి ” ఈవెంట్ శ్రోత. ది ' p 'మూలకం కూడా' యొక్క idని కలిగి ఉండటం ద్వారా సృష్టించబడుతుంది లక్ష్యం ”. ఈ “p” HTML మూలకంలో అవుట్పుట్ చొప్పించబడుతుంది.
- తరువాత, ఫంక్షన్ ' captalizeFirstWord() 'శరీరం లోపల నిర్వచించబడింది' <స్క్రిప్ట్> ” ట్యాగ్. అందులో ఒక జంట ' ప్రాంప్ట్ () ” పద్దతులు వినియోగదారు నుండి స్ట్రింగ్ మరియు పెద్ద పదాల ముగింపు సూచిక సంఖ్య గురించి డేటాను తిరిగి పొందేందుకు ఉపయోగించబడతాయి.
- ది ' ప్రాంప్ట్ () ” పద్ధతిలో రెండు పారామీటర్లు ఉన్నాయి, మొదటిది స్క్రీన్పై ప్రదర్శించే సందేశం మరియు రెండవది దాని డిఫాల్ట్ విలువ.
- ఈ విలువలు ఇక్కడ నిల్వ చేయబడతాయి సమాచారం 'మరియు' wordEndIndex ” వరుసగా. అప్పుడు, 'ని ఉపయోగించండి ముక్క () 'డేటా'పై పద్ధతి మరియు ' నుండి స్ట్రింగ్ యొక్క భాగాన్ని స్లైస్ చేయండి 0 ” వినియోగదారు అందించిన సూచిక సంఖ్యకు సూచిక. ఇది అందించిన స్ట్రింగ్ నుండి మొదటి పదాన్ని వేరు చేస్తుంది, ఇది “ఫస్ట్ వర్డ్” వేరియబుల్లో నిల్వ చేయబడుతుంది.
- ఆ తరువాత, 'ని ఉపయోగించండి భర్తీ () 'ఫస్ట్ వర్డ్' కంటెంట్ని ఖాళీ కోట్లతో భర్తీ చేయడానికి అందించిన స్ట్రింగ్లో ” పద్ధతి. ఇది స్ట్రింగ్ను సవరించింది మరియు ఇప్పుడు వేరియబుల్లో నిల్వ చేయబడిన మొదటి పదాన్ని తీసివేసిన తర్వాత మిగిలిన భాగాన్ని కలిగి ఉంటుంది “ rem ”
- చివరికి, 'ని ఉపయోగించండి ఉంటే 'ఉందో లేదో తనిఖీ చేయడానికి ప్రకటన' సమాచారం ” యూజర్ అందించిన వేరియబుల్ ఖాళీగా ఉందా లేదా. అది ఖాళీగా లేకుంటే ' శూన్య ”, ఆపై “ని చొప్పించండి మొదటి పదం 'మరియు వర్తించు' ToupperCase() ” దానికి పద్ధతి.
- దానితో పాటు, 'లో నిల్వ చేయబడిన మిగిలిన భాగాన్ని ప్రదర్శించండి rem ” వేరియబుల్.
సంకలనం తరువాత:
అందించిన స్ట్రింగ్ యొక్క మొదటి పదం ఇప్పుడు క్యాపిటలైజ్ చేయబడిందని అవుట్పుట్ చూపిస్తుంది.
విధానం 2: “substr()” పద్ధతిని ఉపయోగించడం
ది ' substr() అందించిన స్ట్రింగ్ నుండి మొదటి పదాన్ని మాత్రమే క్యాపిటలైజ్ చేయడానికి ” పద్ధతిని ఉపయోగించవచ్చు. ఇండెక్స్ నంబర్ను యాక్సెస్ చేయడం ద్వారా మరియు దానికి “toUpperCase()” పద్ధతిని వర్తింపజేయడం ద్వారా విడిగా మొదటి అక్షరాన్ని మాత్రమే ఎంచుకోవడం ద్వారా దీన్ని చేయవచ్చు. తరువాత, దిగువ కోడ్లో చేసినట్లుగా స్ట్రింగ్లోని మిగిలిన భాగాన్ని అటాచ్ చేయండి:
< h1 > Linuxhint వ్యాసం h1 >< h4 > మొదటి పదాన్ని క్యాపిటలైజ్ చేయడం h4 >
< బటన్ క్లిక్ చేయండి = 'captalizeFirstWord()' > ప్రయత్నించు బటన్ >
< p id = 'లక్ష్యం' > p >
< స్క్రిప్ట్ >
ఫంక్షన్ క్యాప్టలైజ్ ఫస్ట్ వర్డ్ ( ) {
డేటాను అనుమతించండి = ప్రాంప్ట్ ( 'దయచేసి స్ట్రింగ్ని నమోదు చేయండి' , 'జాన్ విక్' )
స్థిరంగా wordEndIndex = ప్రాంప్ట్ ( 'చివరి పరిధిని నమోదు చేయండి' , '5' ) ;
ఫలితాన్ని ఇవ్వండి = సమాచారం. substr ( 0 , wordEndIndex ) . అప్పర్కేస్ ( ) + సమాచారం. substr ( wordEndIndex ) ;
ఉంటే ( సమాచారం != శూన్య ) {
పత్రం. getElementById ( 'లక్ష్యం' ) . అంతర్గత HTML = 'మొదటి పదం ఇప్పుడు క్యాపిటలైజ్ చేయబడింది:' + ఫలితం ;
}
}
స్క్రిప్ట్ >
పై కోడ్ యొక్క వివరణ:
- పై కోడ్ మునుపటి పద్ధతిలో వివరించిన విధంగానే ఉంటుంది ' ముక్క () 'మరియు' భర్తీ () 'పద్ధతి'తో భర్తీ చేయబడింది substr() ” పద్ధతి.
- “substr()” పద్ధతి “కి వర్తించబడుతుంది. సమాచారం 'వేరియబుల్ మరియు ' నుండి స్ట్రింగ్ యొక్క భాగం 0 ” అందించిన సూచికకు సూచిక వేరు చేయబడింది. మొదటి పదమైన ఈ వేరు చేయబడిన భాగంలో, ' ToupperCase() ” పద్ధతిని క్యాపిటలైజ్ చేయడానికి వర్తించబడుతుంది.
- ఆ తరువాత, రెండవది ' substr() అందించిన ఇండెక్స్ నుండి మిగిలిన భాగాన్ని ఎంచుకుని, రెండు పద్ధతులకు ఫలితాన్ని కలపడానికి ” పద్ధతి ఉపయోగించబడుతుంది.
సంకలనం తరువాత:
స్ట్రింగ్ నుండి మొదటి పదం మాత్రమే క్యాపిటలైజ్ చేయబడిందని అవుట్పుట్ చూపిస్తుంది
ముగింపు
అందించిన స్ట్రింగ్లోని మొదటి పదాన్ని మాత్రమే డైనమిక్గా క్యాపిటలైజ్ చేయడానికి ఉపయోగించే అంతర్నిర్మిత పద్ధతి ఏదీ లేదు. అయితే, ' ముక్క () 'మరియు' substr() 'పద్ధతులు వివిధ పద్ధతుల కలయికతో పాటు ఉపయోగించవచ్చు' ప్రాంప్ట్ () ',' భర్తీ () ', మరియు' ToupperCase() ”మొదటి పదాన్ని క్యాపిటలైజ్ చేయడానికి. ఇక్కడ, ' ToupperCase() ” పద్ధతి ప్రత్యేకంగా ముక్కలు చేసిన మొదటి పదాన్ని క్యాపిటలైజ్ చేస్తుంది. ఈ పోస్ట్ జావాస్క్రిప్ట్లో పదాన్ని క్యాపిటలైజ్ చేసే పద్ధతులను వివరించింది.