இந்த வலைப்பதிவு கீழே உள்ள முறைகளை விளக்குவதன் மூலம் ஜாவாஸ்கிரிப்டில் ஒரு குறிப்பிட்ட வார்த்தையை பெரியதாக்குவதற்கான செயல்முறையை விளக்குகிறது:
ஜாவாஸ்கிரிப்ட்டில் ஒரு வார்த்தையை டைனமிக் கேபிடலைஸ் செய்வது எப்படி?
வழங்கப்பட்ட சரத்தின் முதல் வார்த்தையை மட்டும் பெரியதாக்கப் பயன்படுத்தக்கூடிய உள்ளமைக்கப்பட்ட சொத்து அல்லது ஜாவாஸ்கிரிப்ட் முறை எதுவும் இல்லை, இருப்பினும், விரும்பிய முடிவுகளைத் தருவதற்கு மாற்றியமைக்கக்கூடிய இரண்டு அணுகுமுறைகள் உள்ளன. இந்த முறைகள் அவற்றின் குறியீடு விளக்கத்துடன் விவரிக்கப்பட்டுள்ளன. தொடரலாம்.
முறை 1: “ஸ்லைஸ்()” முறையைப் பயன்படுத்துதல்
இந்த முறையில், ' உடனடியாக () ', மற்றும் ' ToupperCase() 'முறைகள் பயன்படுத்தப்படுகின்றன' துண்டு () 'முதல் வார்த்தை அல்லது சரத்தின் சில பகுதியை மட்டும் பயனருக்குத் தேவையான அல்லது குறிப்பிட்டபடி பெரியதாக்குவதற்கான முறை. கீழே உள்ள குறியீடு துணுக்கில் காட்டப்பட்டுள்ளபடி:
< உடல் >
< h1 > Linuxhint கட்டுரை h1 >
< h4 > முதல் வார்த்தையை பெரியதாக்குதல் h4 >
< பொத்தானை கிளிக் செய்யவும் = 'captalizeFirstWord()' > முயற்சி செய்து பாருங்கள் பொத்தானை >
< p id = 'இலக்கு' > ப >
< கையால் எழுதப்பட்ட தாள் >
செயல்பாடு கேப்டலைஸ் ஃபர்ஸ்ட் வேர்ட் ( ) {
தரவு அனுமதிக்க = உடனடியாக ( 'தயவுசெய்து சரத்தை உள்ளிடவும்' , 'ஜான் விக்' ) ;
நிலையான wordEndIndex = உடனடியாக ( 'இறுதி வரம்பை உள்ளிடவும்' , '5' ) ;
முதல் வார்த்தையை விடுங்கள் = தகவல்கள். துண்டு ( 0 , wordEndIndex ) ;
rem விடுங்கள் = தகவல்கள். பதிலாக ( முதல் வார்த்தை , '' ) ;
என்றால் ( தகவல்கள் != ஏதுமில்லை ) {
ஆவணம். getElementById ( 'இலக்கு' ) . உள் HTML = 'முதல் வார்த்தை இப்போது பெரியதாக உள்ளது:' + முதல் வார்த்தை. பெரிய வழக்கு ( ) + rem ;
}
}
கையால் எழுதப்பட்ட தாள் >
உடல் >
குறியீட்டின் விளக்கம்:
- முதலில், பொத்தான் உறுப்பு அறிவிக்கப்பட்டது, அது ' என்று அழைக்கிறது கேப்டலைஸ் ஃபர்ஸ்ட் வேர்ட்() 'பயன்படுத்தும் முறை' கிளிக் செய்யவும் ” நிகழ்வு கேட்பவர். ' ப 'உறுப்பும் ஒரு ஐடியைக் கொண்டு உருவாக்கப்படுகிறது' இலக்கு ”. இந்த 'p' HTML உறுப்பில் வெளியீடு செருகப்படும்.
- அடுத்து, செயல்பாடு ' கேப்டலைஸ் ஃபர்ஸ்ட் வேர்ட்() 'உடல் உள்ளே வரையறுக்கப்படுகிறது' ” குறிச்சொல். அதில், ஒரு ஜோடி ' உடனடியாக () ” முறைகள் மூலதனச் சொற்களுக்கான சரம் மற்றும் முடிவு குறியீட்டு எண்ணைப் பற்றிய தரவை பயனரிடமிருந்து மீட்டெடுக்கப் பயன்படுகிறது.
- ' உடனடியாக () ” முறையில் இரண்டு அளவுருக்கள் உள்ளன, முதலாவது திரையில் காண்பிக்கப்படும் செய்தி மற்றும் இரண்டாவது அதன் இயல்புநிலை மதிப்பு.
- இந்த மதிப்புகள் ' தகவல்கள் 'மற்றும்' wordEndIndex ' முறையே. பின்னர், பயன்படுத்தவும் ' துண்டு () 'தரவு' முறை மற்றும் 'இலிருந்து சரத்தின் பகுதியை வெட்டவும் 0 'பயனர் வழங்கிய குறியீட்டு எண்ணுக்கான குறியீடு. இது 'firstWord' மாறியில் சேமிக்கப்படும் வழங்கப்பட்ட சரத்திலிருந்து முதல் வார்த்தையைப் பிரிக்கிறது.
- அதன் பிறகு, '' பயன்படுத்தவும் மாற்று() 'முதல் வார்த்தை' உள்ளடக்கத்தை வெற்று மேற்கோள்களுடன் மாற்ற, வழங்கப்பட்ட சரத்தில் உள்ள முறை. இது சரத்தை மாற்றியமைக்கிறது, இப்போது மாறியில் சேமிக்கப்பட்ட முதல் வார்த்தையை நீக்கிய பின் மீதமுள்ள பகுதியைக் கொண்டுள்ளது ' rem ”
- இறுதியில், பயன்படுத்தவும் ' என்றால் என்பதை சரிபார்க்க ' அறிக்கை ' தகவல்கள் 'பயனர் வழங்கிய மாறி காலியாக உள்ளதா இல்லையா. அது காலியாக இல்லை அல்லது சமமாக இருந்தால் ' ஏதுமில்லை ', பின்னர் ' செருகவும் முதல் வார்த்தை 'மற்றும் விண்ணப்பிக்கவும்' ToupperCase() ” அதற்கான முறை.
- அதனுடன், '' இல் சேமிக்கப்பட்டுள்ள மீதமுள்ள பகுதியைக் காண்பி rem ” மாறி.
தொகுத்த பிறகு:
வழங்கப்பட்ட சரத்தின் முதல் வார்த்தை இப்போது பெரியதாக இருப்பதை வெளியீடு காட்டுகிறது.
முறை 2: “substr()” முறையைப் பயன்படுத்துதல்
' substr() கொடுக்கப்பட்ட சரத்தில் இருந்து முதல் வார்த்தையை மட்டும் பெரியதாக்குவதற்கு ” முறையைப் பயன்படுத்தலாம். குறியீட்டு எண்ணை அணுகுவதன் மூலம் முதல் எழுத்தை மட்டும் தனித்தனியாகத் தேர்ந்தெடுத்து அதில் “toUpperCase()” முறையைப் பயன்படுத்துவதன் மூலம் இதைச் செய்யலாம். பின்னர், கீழே உள்ள குறியீட்டில் செய்யப்பட்டுள்ளபடி சரத்தின் மீதமுள்ள பகுதியை இணைக்கவும்:
< h1 > Linuxhint கட்டுரை h1 >< h4 > முதல் வார்த்தையை பெரியதாக்குதல் h4 >
< பொத்தானை கிளிக் செய்யவும் = 'captalizeFirstWord()' > முயற்சி செய்து பாருங்கள் பொத்தானை >
< p id = 'இலக்கு' > ப >
< கையால் எழுதப்பட்ட தாள் >
செயல்பாடு கேப்டலைஸ் ஃபர்ஸ்ட் வேர்ட் ( ) {
தரவு அனுமதிக்க = உடனடியாக ( 'தயவுசெய்து சரத்தை உள்ளிடவும்' , 'ஜான் விக்' )
நிலையான wordEndIndex = உடனடியாக ( 'இறுதி வரம்பை உள்ளிடவும்' , '5' ) ;
முடிவு செய்யட்டும் = தகவல்கள். substr ( 0 , wordEndIndex ) . பெரிய வழக்கு ( ) + தகவல்கள். substr ( wordEndIndex ) ;
என்றால் ( தகவல்கள் != ஏதுமில்லை ) {
ஆவணம். getElementById ( 'இலக்கு' ) . உள் HTML = 'முதல் வார்த்தை இப்போது பெரிய எழுத்தாக உள்ளது:' + விளைவாக ;
}
}
கையால் எழுதப்பட்ட தாள் >
மேலே உள்ள குறியீட்டின் விளக்கம்:
- மேலே உள்ள குறியீடு முந்தைய முறையில் விவரிக்கப்பட்டதைப் போலவே உள்ளது. துண்டு () 'மற்றும்' மாற்று() 'முறையானது' என மாற்றப்பட்டது substr() ”முறை.
- 'substr()' முறையானது ' தகவல்கள் ' மாறி மற்றும் ' இலிருந்து சரத்தின் பகுதி 0 ” வழங்கப்பட்ட குறியீட்டின் குறியீடு பிரிக்கப்பட்டுள்ளது. முதல் வார்த்தையான இந்த பிரிக்கப்பட்ட பகுதியில், ' ToupperCase() ” முறை அதை பெரியதாக்க பயன்படுத்தப்படுகிறது.
- அதன் பிறகு, இரண்டாவது ' substr() 'முறையானது வழங்கப்பட்ட குறியீட்டிலிருந்து மீதமுள்ள பகுதியைத் தேர்ந்தெடுக்கவும், பின்னர் இரண்டு முறைகளுக்கும் முடிவை இணைக்கவும் பயன்படுத்தப்படுகிறது.
தொகுத்த பிறகு:
சரத்திலிருந்து முதல் வார்த்தை மட்டும் பெரியதாக மாற்றப்பட்டதை வெளியீடு காட்டுகிறது
முடிவுரை
வழங்கப்பட்ட சரத்தின் முதல் வார்த்தையை மட்டும் டைனமிக் முறையில் பெரியதாக்கப் பயன்படுத்தக்கூடிய எந்த உள்ளமைக்கப்பட்ட முறையும் இல்லை. இருப்பினும், ' துண்டு () 'மற்றும்' substr() ' போன்ற பல்வேறு முறைகளின் கலவையுடன் முறைகள் பயன்படுத்தப்படலாம் ' உடனடியாக () ”,” மாற்று() ', மற்றும் ' ToupperCase() ” முதல் வார்த்தையை பெரிய எழுத்தாக்க வேண்டும். இங்கே, ' ToupperCase() ” முறை குறிப்பாக வெட்டப்பட்ட முதல் வார்த்தையை பெரியதாக்குகிறது. இந்த இடுகை ஜாவாஸ்கிரிப்டில் ஒரு வார்த்தையை பெரிய எழுத்தாக்க முறைகளை விளக்குகிறது.