ஒரு வரிசை பொருள் கூறுகளின் தொகுப்பைக் குறிக்கிறது. பல மாறிகளின் குழப்பத்தைத் தவிர்க்க, பெரிய அளவிலான தரவுகளை பராமரிக்க உதவுகிறது, அதன் மூலம் அவற்றை வரிசைப்படுத்துகிறது. பயனர் வரிசை பொருளுக்கு ஏதேனும் கூடுதல் முறை மற்றும் பண்புகளைப் பயன்படுத்த விரும்பினால், அந்த புதிய பண்பு/முறையை ஒவ்வொரு உறுப்புக்கும் ஒவ்வொன்றாகப் பயன்படுத்த வேண்டிய அவசியமில்லை. அதற்கு பதிலாக, ஜாவாஸ்கிரிப்ட் வரிசையைப் பயன்படுத்துவதன் மூலம் அதை திறம்பட செய்ய முடியும். முன்மாதிரி 'கட்டமைப்பாளர். இந்த கன்ஸ்ட்ரக்டர் புதிய முறைகள் மற்றும் பண்புகளை விரும்பிய வரிசை பொருளுக்கு பயன்படுத்த உதவுகிறது.
இந்த வழிகாட்டி ஜாவாஸ்கிரிப்டில் வரிசை 'முன்மாதிரி' கட்டமைப்பாளரின் பயன்பாட்டை விளக்குகிறது.
JavaScript இல் Array 'prototype' கன்ஸ்ட்ரக்டரை எவ்வாறு பயன்படுத்துவது?
வரிசை ' முன்மாதிரி ஜாவாஸ்கிரிப்ட் செயல்பாட்டின் உதவியுடன் ஒரு வரிசை பொருளில் புதிய முறைகள் மற்றும் பண்புகளைச் சேர்க்க கன்ஸ்ட்ரக்டர் பயன்படுத்தப்படுகிறது. இது அனைத்து வரிசை மதிப்புகளுக்கும் கட்டமைக்கப்பட்ட சொத்தை அதன் பெயராகவும் மதிப்பாகவும் இயல்பாகப் பயன்படுத்துகிறது.
தொடரியல்
Array.prototype.name = மதிப்பு
மேலே உள்ள தொடரியல், “ பெயர் 'புதிதாக சேர்க்கப்பட்ட சொத்தை அதன்' உடன் குறிப்பிடுகிறது மதிப்பு ” இது முழு வரிசை பொருளுக்கும் பொருந்தும்.
மேலே வரையறுக்கப்பட்ட சொத்தை அதன் தொடரியல் உதவியுடன் நடைமுறையில் பயன்படுத்துவோம்.
HTML குறியீடு
முதலில், கூறப்பட்ட HTML குறியீட்டைப் பாருங்கள்:
< ப > தி 'முன்மாதிரி' கட்டமைப்பாளர் உதவுகிறார் உள்ளே புதிய முறைகளைச் சேர்த்தல் / கொடுக்கப்பட்ட அணிக்கு பண்புகள் ( ) பொருள். ப >< பொத்தானை கிளிக் செய்யவும் = 'jsFunc()' > ஒவ்வொரு சரம் நீளத்தையும் பெறுங்கள் பொத்தானை >
< ப ஐடி = 'மாதிரி' > ப >
< ப ஐடி = 'அதற்காக' > ப >
மேலே உள்ள குறியீடு வரிகளில்:
- ' ” குறிச்சொல் பத்தி அறிக்கையைக் குறிப்பிடுகிறது.
- ' <பொத்தான்> பொத்தான் கிளிக் செய்வதன் மூலம் 'jsFunc()' என்ற குறிப்பிட்ட செயல்பாட்டை செயல்படுத்த, 'onclick' நிகழ்வைக் கொண்ட ஒரு பொத்தானைக் குறிச்சொல் உட்பொதிக்கிறது.
- கடைசி இரண்டு' ” குறிச்சொற்கள் வெற்று பத்திகளை அவற்றின் ஒதுக்கப்பட்ட ஐடிகளான “மாதிரி” மற்றும் “பாரா” முறையே சேர்க்கின்றன.
குறிப்பு: இந்த வழிகாட்டியில் கொடுக்கப்பட்டுள்ள அனைத்து எடுத்துக்காட்டுகளிலும் இந்த HTML குறியீடு பின்பற்றப்படுகிறது.
எடுத்துக்காட்டு 1: புதிய முறையைச் சேர்ப்பதன் மூலம் வரிசைப் பொருளின் நீளத்தை எண்ணுவதற்கு 'முன்மாதிரி' கட்டமைப்பாளரைப் பயன்படுத்துதல்
இந்த உதாரணம் புதிதாக சேர்க்கப்பட்ட முறையின் உதவியுடன் ஒரு வரிசை பொருளின் உள்ளே உள்ள ஒவ்வொரு சரத்தின் நீளத்தையும் கணக்கிட 'முன்மாதிரி' கட்டமைப்பாளரைப் பயன்படுத்துகிறது.
ஜாவாஸ்கிரிப்ட் குறியீடு
கொடுக்கப்பட்ட ஜாவாஸ்கிரிப்ட் குறியீட்டைப் பின்பற்றவும்:
< கையால் எழுதப்பட்ட தாள் >Array.prototype.stringLength = செயல்பாடு ( ) {
க்கான ( எங்கே t = 0 ; டி < இந்த.நீளம்; t++ ) {
இது [ டி ] = இது [ டி ] .நீளம்;
}
} ;
செயல்பாடு jsFunc ( ) {
var str = [ 'HTML' , 'CSS' , 'ஜாவாஸ்கிரிப்ட்' ] ;
document.getElementById ( 'மாதிரி' ) .innerHTML = str;
str.stringLength ( ) ;
document.getElementById ( 'அதற்காக' ) .innerHTML = str;
}
கையால் எழுதப்பட்ட தாள் >
மேலே உள்ள குறியீட்டு வரிகளில்:
- வரிசையின் அடிப்படை தொடரியல் பயன்படுத்தவும் ' முன்மாதிரி 'புதிய முறையைச் சேர்க்கும் கட்டமைப்பாளர்' சரம் நீளம் 'ஒரு செயல்பாட்டை வரையறுக்கிறது.
- அடுத்து, செயல்பாட்டு வரையறையில், ' க்கான 'நீளம்' பண்பைப் பயன்படுத்தி அவற்றின் நீளத்தைக் கண்டறிய வரிசைப் பொருளின் அனைத்து குறியீடுகளின் மீதும் சுழற்சி செய்யப்படுகிறது.
- அதன் பிறகு, ' jsFunc() 'str' மாறியில் சேமிக்கப்பட்ட ஒரு வரிசை பொருளை வரையறுக்கிறது.
- பின்னர், ' document.getElementById () ” முறை முதல் வெற்றுப் பத்தியை அதன் ஐடி “மாதிரி” வழியாக அணுகி வரிசைப் பொருளான “str” ஐக் காண்பிக்கும்.
- கடைசியாக, 'str' வரிசை பொருளை '' உடன் இணைக்கவும் சரம் நீளம்() ” முறையானது ஒவ்வொரு வரிசைக் குறியீட்டின் சர நீளத்தையும் எண்ணி, அடுத்த வெற்றுப் பத்தியில் அதைச் சேர்க்கவும், அதன் ஐடி “பாரா”.
வெளியீடு
இங்கே, வரிசை 'முன்மாதிரி' கட்டமைப்பாளர் வழியாக புதிதாக சேர்க்கப்பட்ட 'ஸ்ட்ரிங்லெங்த்()' முறையின் உதவியுடன் இலக்கு வரிசை பொருளின் ஒவ்வொரு சரத்தின் நீளத்தையும் வெளியீடு காட்டுகிறது.
எடுத்துக்காட்டு 2: ஒரு புதிய முறை 'myUcase' ஐ உருவாக்க 'முன்மாதிரி' கட்டமைப்பாளரைப் பயன்படுத்துதல் மற்றும் அதை ஒரு வரிசை பொருளுக்குப் பயன்படுத்துதல்
இந்த உதாரணம் புதிய 'myUcase' முறையை உருவாக்க 'முன்மாதிரி' கட்டமைப்பாளரைப் பயன்படுத்துகிறது மற்றும் அதை இலக்கு வரிசை பொருளுக்குப் பயன்படுத்துகிறது.
ஜாவாஸ்கிரிப்ட் குறியீடு
கீழே குறிப்பிடப்பட்டுள்ள ஜாவாஸ்கிரிப்ட் குறியீட்டைப் பார்ப்போம்:
< கையால் எழுதப்பட்ட தாள் >Array.prototype.myUcase = செயல்பாடு ( ) {
க்கான ( அனுமதிக்க t = 0 ; டி < இந்த.நீளம்; t++ ) {
இது [ டி ] = இது [ டி ] .to UpperCase ( ) ;
}
} ;
செயல்பாடு jsFunc ( ) {
const arrObj = [ 'html' , 'சிஎஸ்எஸ்' , 'ஜாவாஸ்கிரிப்ட்' , 'எதிர்வினை' ] ;
arrObj.myUcase ( ) ;
document.getElementById ( 'மாதிரி' ) .innerHTML = arrObj;
}
கையால் எழுதப்பட்ட தாள் >
இங்கே, 'முன்மாதிரி' கட்டமைப்பாளர் '' என்ற புதிய முறையை உருவாக்குகிறார். myUcase 'அது பயன்படுத்துகிறது' பெரிய எழுத்து வரிசை பொருளின் ஒவ்வொரு சரத்தையும் 'அப்பர்கேஸ்' ஆக மாற்றுவதற்கான செயல்பாடு வரையறையில் உள்ள முறை. பிந்தைய செயல்பாட்டில், தனிப்பயன் முறையும் அணிவரிசையில் பயன்படுத்தப்படுகிறது.
வெளியீடு
பார்த்தபடி, பயன்படுத்தப்பட்ட “myUcase()” முறையின் காரணமாக, ஒரு வரிசைப் பொருளின் ஒவ்வொரு சரமும் ஒரு பொத்தானைக் கிளிக் செய்வதன் மூலம் பெரியதாகிறது.
முடிவுரை
வரிசையைப் பயன்படுத்த ' முன்மாதிரி ” ஜாவாஸ்கிரிப்டில் உள்ள கன்ஸ்ட்ரக்டர், புதிய முறை/பண்பை அதனுடன் இணைக்கவும். தேவைகளுக்கு ஏற்ப தனிப்பயன் முறையில் மற்றொரு செயல்பாட்டிற்கான செயல்பாடுகளை வரையறுக்கும் செயல்பாட்டை இது குறிப்பிடுகிறது. இந்த வழிகாட்டி ஜாவாஸ்கிரிப்டில் வரிசை 'முன்மாதிரி' கட்டமைப்பாளரின் பயன்பாட்டை சுருக்கமாக விளக்கியது.