முழுமையான சரம் குறிப்பு (சீர்திருத்தப்பட்டது ஜூலை 2025)
முக்கிய குறிப்பு:
அனைத்து சரம் முறைகளும் ஒரு புதிய மதிப்பை வழங்குகின்றன. அவை அசல் சரத்தை மாற்றாது.
| பெயர் | விளக்கம் |
|---|---|
| at() | ஒரு சரத்திலிருந்து ஒரு குறியிடப்பட்ட எழுத்தை வழங்குகிறது |
| charAt() | ஒரு குறிப்பிட்ட குறியீட்டு (நிலை) இல் உள்ள எழுத்தை வழங்குகிறது |
| charCodeAt() | ஒரு குறிப்பிட்ட குறியீட்டில் உள்ள எழுத்தின் யூனிகோட் வழங்குகிறது |
| codePointAt() ES6 | ஒரு சரத்தில் ஒரு குறியீட்டு (நிலை) இல் யூனிகோட் மதிப்பை வழங்குகிறது |
| concat() | இரண்டு அல்லது அதற்கு மேற்பட்ட இணைக்கப்பட்ட சரங்களை வழங்குகிறது |
| constructor | சரத்தின் constructor செயல்பாட்டை வழங்குகிறது |
| endsWith() ES6 | ஒரு சரம் ஒரு குறிப்பிட்ட மதிப்புடன் முடிந்தால் true ஐ வழங்குகிறது |
| fromCharCode() | யூனிகோட் மதிப்புகளை எழுத்துகளாக வழங்குகிறது |
| includes() ES6 | ஒரு சரம் ஒரு குறிப்பிட்ட மதிப்பைக் கொண்டிருந்தால் true ஐ வழங்குகிறது |
| indexOf() | ஒரு சரத்தில் ஒரு மதிப்பின் முதல் நிகழ்வின் குறியீட்டை (நிலையை) வழங்குகிறது |
| isWellFormed() ES2023 | ஒரு சரம் நன்கு உருவாக்கப்பட்டிருந்தால் true ஐ வழங்குகிறது |
| lastIndexOf() | ஒரு சரத்தில் ஒரு மதிப்பின் கடைசி நிகழ்வின் குறியீட்டை (நிலையை) வழங்குகிறது |
| length | ஒரு சரத்தின் நீளத்தை வழங்குகிறது |
| localeCompare() | தற்போதைய லோக்கேலில் இரண்டு சரங்களை ஒப்பிடுகிறது |
| match() | ஒரு சரத்தை ஒரு மதிப்பு அல்லது வழக்கமான வெளிப்பாட்டிற்காக தேடி பொருத்தங்களை வழங்குகிறது |
| matchAll() ES2020 | ஒரு சரத்தை ஒரு மதிப்பு அல்லது வழக்கமான வெளிப்பாட்டிற்காக தேடி பொருத்தங்களை வழங்குகிறது |
| padEnd() ES2017 | ஒரு சரத்தை முடிவில் padding செய்கிறது |
| padStart() ES2017 | ஒரு சரத்தை தொடக்கத்தில் இருந்து padding செய்கிறது |
| prototype | ஒரு பொருளுக்கு பண்புகள் மற்றும் முறைகளைச் சேர்க்க உங்களை அனுமதிக்கிறது |
| repeat() ES6 | ஒரு சரத்தின் பல நகல்களைக் கொண்ட புதிய சரத்தை வழங்குகிறது |
| replace() | ஒரு சரத்தை ஒரு வடிவத்திற்காக தேடி, முதல் பொருத்தம் மாற்றப்பட்ட சரத்தை வழங்குகிறது |
| replaceAll() ES2021 | ஒரு சரத்தை ஒரு வடிவத்திற்காக தேடி, அனைத்து பொருத்தங்களும் மாற்றப்பட்ட புதிய சரத்தை வழங்குகிறது |
| search() | ஒரு சரத்தை ஒரு மதிப்பு அல்லது வழக்கமான வெளிப்பாட்டிற்காக தேடி, பொருத்தத்தின் குறியீட்டை (நிலையை) வழங்குகிறது |
| slice() | ஒரு சரத்தின் ஒரு பகுதியை பிரித்தெடுத்து புதிய சரத்தை வழங்குகிறது |
| split() | ஒரு சரத்தை துணைச் சரங்களின் வரிசையாகப் பிரிக்கிறது |
| startsWith() ES6 | ஒரு சரம் குறிப்பிட்ட எழுத்துகளுடன் தொடங்குகிறதா என சரிபார்க்கிறது |
| substr() | காலாவதியானது. பதிலாக substring() அல்லது slice() பயன்படுத்தவும். |
| substring() | ஒரு சரத்திலிருந்து எழுத்துகளை இரண்டு குறிப்பிட்ட குறியீடுகளுக்கு (நிலைகள்) இடையே பிரித்தெடுக்கிறது |
| toLocaleLowerCase() | ஹோஸ்ட்டின் லோக்கேலைப் பயன்படுத்தி சிறிய எழுத்துகளாக மாற்றப்பட்ட சரத்தை வழங்குகிறது |
| toLocaleUpperCase() | ஹோஸ்ட்டின் லோக்கேலைப் பயன்படுத்தி பெரிய எழுத்துகளாக மாற்றப்பட்ட சரத்தை வழங்குகிறது |
| toLowerCase() | சிறிய எழுத்துகளாக மாற்றப்பட்ட சரத்தை வழங்குகிறது |
| toString() | ஒரு சரம் அல்லது சரம் பொருளை சரமாக வழங்குகிறது |
| toUpperCase() | பெரிய எழுத்துகளாக மாற்றப்பட்ட சரத்தை வழங்குகிறது |
| toWellFormed() ES2023 | "தனி surrogates" யூனிகோட் மாற்று எழுத்துடன் மாற்றப்பட்ட சரத்தை வழங்குகிறது |
| trim() ES5 | நீக்கப்பட்ட வெண்வெளி இடங்களுடன் கூடிய சரத்தை வழங்குகிறது |
| trimEnd() ES2019 | முடிவிலிருந்து நீக்கப்பட்ட வெண்வெளி இடங்களுடன் கூடிய சரத்தை வழங்குகிறது |
| trimStart() ES2019 | தொடக்கத்திலிருந்து நீக்கப்பட்ட வெண்வெளி இடங்களுடன் கூடிய சரத்தை வழங்குகிறது |
| valueOf() | ஒரு சரம் அல்லது சரம் பொருளின் பழமையான மதிப்பை வழங்குகிறது |
பொதுவான எடுத்துக்காட்டுகள்
நீளம்
let text = "Hello";
console.log(text.length); // 5தேடல்
let text = "Hello World";
console.log(text.indexOf("World")); // 6வெட்டுதல்
let text = "Hello World";
console.log(text.slice(0, 5)); // "Hello"வழக்கு மாற்றம்
let text = "Hello";
console.log(text.toUpperCase()); // "HELLO"மாற்றீடு
let text = "Hello World";
console.log(text.replace("World", "JavaScript"));
// "Hello JavaScript"Padding
let text = "5";
console.log(text.padStart(3, "0")); // "005"சரம் HTML Wrapper முறைகள்
HTML wrapper முறைகள் ஒரு HTML குறிச்சொல்லுக்குள் போர்த்தப்பட்ட ஒரு சரத்தை வழங்குகின்றன.
கவனத்திற்கு:
இவை நிலையான முறைகள் அல்ல, மேலும் எதிர்பார்த்தபடி வேலை செய்யாமல் போகலாம். HTML wrapper முறைகள் JavaScript இல் காலாவதியானவை. இவை இணக்கத்திற்காக மட்டுமே நிலையானவை மற்றும் புதிய உருவாக்கத்திற்கு பரிந்துரைக்கப்படவில்லை.
நவீன வலை உருவாக்க நடைமுறைகள் CSS ஐ ஸ்டைலிங்கிற்கும், HTML உறுப்புகளை உருவாக்க மற்றும் மாற்றுவதற்கும் DOM கையாளுதலையும் பயன்படுத்த ஊக்குவிக்கின்றன, இது அதிக கட்டுப்பாடு மற்றும் நெகிழ்வுத்தன்மையை வழங்குகிறது.
| முறை | விளக்கம் |
|---|---|
| anchor() | ஒரு சரத்தை ஒரு நங்கூரமாகக் காட்டுகிறது |
| big() | ஒரு சரத்தை ஒரு பெரிய எழுத்துருவைப் பயன்படுத்திக் காட்டுகிறது |
| blink() | ஒரு மினுக்கும் சரத்தைக் காட்டுகிறது |
| bold() | ஒரு சரத்தை தடித்த எழுத்தில் காட்டுகிறது |
| fixed() | ஒரு சரத்தை ஒரு நிலையான-சுருதி எழுத்துருவைப் பயன்படுத்திக் காட்டுகிறது |
| fontcolor() | ஒரு சரத்தை ஒரு குறிப்பிட்ட நிறத்தைப் பயன்படுத்திக் காட்டுகிறது |
| fontsize() | ஒரு சரத்தை ஒரு குறிப்பிட்ட அளவைப் பயன்படுத்திக் காட்டுகிறது |
| italics() | ஒரு சரத்தை சாய்வு எழுத்தில் காட்டுகிறது |
| link() | ஒரு சரத்தை ஒரு ஹைப்பர்லிங்காகக் காட்டுகிறது |
| small() | ஒரு சரத்தை ஒரு சிறிய எழுத்துருவைப் பயன்படுத்திக் காட்டுகிறது |
| strike() | ஒரு சரத்தை ஒரு குறுக்குக்கோடுடன் காட்டுகிறது |
| sub() | ஒரு சரத்தை கீழ்க்குறி உரையாகக் காட்டுகிறது |
| sup() | ஒரு சரத்தை மேற்குறி உரையாகக் காட்டுகிறது |
நவீன மாற்று:
HTML wrapper முறைகளுக்கு பதிலாக, CSS ஸ்டைலிங் மற்றும் DOM கையாளுதலைப் பயன்படுத்தவும்:
// பழைய முறை (காலாவதியானது):
document.write("Hello".bold());
// நவீன முறை:
let element = document.createElement("strong");
element.textContent = "Hello";
document.body.appendChild(element);
// அல்லது CSS உடன்:
let span = document.createElement("span");
span.textContent = "Hello";
span.style.fontWeight = "bold";
document.body.appendChild(span);பயிற்சி
பின்வரும் குறியீட்டைக் கவனியுங்கள்:
let text = "JavaScript";
let result = text.toUpperCase();