ایک Array آبجیکٹ عناصر کے مجموعہ کی نمائندگی کرتا ہے۔ یہ متعدد متغیرات کی الجھن سے بچنے کے لیے ڈیٹا کے ایک بڑے سیٹ کو برقرار رکھنے میں مدد کرتا ہے، اس طرح ان کو ترتیب دیا جاتا ہے۔ اگر صارف Array آبجیکٹ پر کوئی اضافی طریقہ اور پراپرٹی لاگو کرنا چاہتا ہے، تو اسے ہر عنصر پر ایک ایک کرکے اس نئی پراپرٹی/طریقہ کو لاگو کرنے کی ضرورت نہیں ہے۔ اس کے بجائے، یہ جاوا اسکرپٹ اری کا استعمال کرتے ہوئے مؤثر طریقے سے کیا جا سکتا ہے۔ نمونہ 'کنسٹرکٹر۔ یہ کنسٹرکٹر مطلوبہ Array آبجیکٹ پر نئے طریقوں اور خصوصیات کو لاگو کرنے میں مدد کرتا ہے۔
یہ گائیڈ JavaScript میں Array 'prototype' کنسٹرکٹر کے استعمال کی وضاحت کرتا ہے۔
جاوا اسکرپٹ میں ارے 'پروٹو ٹائپ' کنسٹرکٹر کا استعمال کیسے کریں؟
صف ' نمونہ کنسٹرکٹر کا استعمال جاوا اسکرپٹ فنکشن کی مدد سے کسی Array آبجیکٹ میں نئے طریقے اور خصوصیات شامل کرنے کے لیے کیا جاتا ہے۔ یہ تمام صف کی قدروں کے لیے تعمیر شدہ پراپرٹی کا اطلاق کرتا ہے، جیسا کہ اس کا نام اور قدر بطور ڈیفالٹ ہے۔
نحو
Array.prototype.name = قدر
مندرجہ بالا نحو میں، ' نام ' اس کے ساتھ نئی شامل کردہ پراپرٹی کی وضاحت کرتا ہے ' قدر ' جو پورے ارے آبجیکٹ پر لاگو ہوتا ہے۔
آئیے اوپر بیان کردہ پراپرٹی کو اس کی نحو کی مدد سے عملی طور پر استعمال کریں۔
HTML کوڈ
پہلے، بیان کردہ HTML کوڈ پر ایک نظر ڈالیں:
< ص > دی 'نمونہ' کنسٹرکٹر مدد کرتا ہے۔ میں نئے طریقوں کا اضافہ / دی گئی صفوں کی خصوصیات ( ) چیز. ص >< بٹن کلک پر = 'jsFunc()' > ہر اسٹرنگ کی لمبائی حاصل کریں۔ بٹن >
< ص آئی ڈی = 'نمونہ' >> ص >
< ص آئی ڈی = 'کے لیے' >> ص >
مندرجہ بالا کوڈ لائنوں میں:
- ' ” ٹیگ پیراگراف کے بیان کی وضاحت کرتا ہے۔
- ' <بٹن> ٹیگ بٹن پر کلک کرنے پر مخصوص فنکشن 'jsFunc()' کو شروع کرنے کے لیے 'onclick' ایونٹ کے ساتھ ایک بٹن کو ایمبیڈ کرتا ہے۔
- آخری دو ' ' ٹیگز اپنے تفویض کردہ آئی ڈیز کے ساتھ خالی پیراگراف کو بالترتیب 'سیمپل' اور 'پیرا' شامل کرتے ہیں۔
نوٹ: اس گائیڈ میں دی گئی تمام مثالوں میں اس HTML کوڈ کی پیروی کی گئی ہے۔
مثال 1: ایک نیا طریقہ شامل کر کے ارے آبجیکٹ کی لمبائی شمار کرنے کے لیے 'پروٹو ٹائپ' کنسٹرکٹر کا اطلاق کرنا
یہ مثال 'پروٹو ٹائپ' کنسٹرکٹر کا استعمال کرتی ہے تاکہ ایک نئے شامل کردہ طریقہ کی مدد سے ایک Array آبجیکٹ کے اندر ہر اسٹرنگ کی لمبائی کو شمار کیا جا سکے۔
جاوا اسکرپٹ کوڈ
دیئے گئے جاوا اسکرپٹ کوڈ پر عمل کریں:
< سکرپٹ >Array.prototype.stringLength = فنکشن ( ) {
کے لیے ( جہاں t = 0 ; t < یہ لمبائی؛ t++ ) {
یہ [ t ] = یہ [ t ] لمبائی
}
} ;
فنکشن jsFunc ( ) {
var str = [ 'HTML' , 'CSS' , 'جاوا اسکرپٹ' ] ;
document.getElementById ( 'نمونہ' ) .innerHTML = str;
str.stringLength ( ) ;
document.getElementById ( 'کے لیے' ) .innerHTML = str;
}
سکرپٹ >
کوڈ کی اوپر کی لائنوں میں:
- صف کے بنیادی نحو کو لاگو کریں ' نمونہ 'کنسٹرکٹر جو ایک نیا طریقہ شامل کرتا ہے' تار کی لمبائی ایک فنکشن کی وضاحت کرنا۔
- اگلا، فنکشن کی تعریف میں، ' کے لیے 'لمبائی' خاصیت کا استعمال کرتے ہوئے ان کی لمبائی تلاش کرنے کے لیے ارے آبجیکٹ کے تمام اشاریوں پر لوپ کو دہرایا جاتا ہے۔
- اس کے بعد، ' jsFunc() 'str' متغیر میں ذخیرہ کردہ ایک ارے آبجیکٹ کی وضاحت کرتا ہے۔
- پھر ' document.getElementById () ' طریقہ سرنی آبجیکٹ 'str' کو ظاہر کرنے کے لیے اپنے id 'sample' کے ذریعے پہلے خالی پیراگراف تک رسائی حاصل کرتا ہے۔
- آخر میں، 'str' Array آبجیکٹ کو 'کے ساتھ جوڑیں۔ stringLength() ہر صف کے انڈیکس کی سٹرنگ کی لمبائی کو شمار کرنے کا طریقہ اور پھر اسے اگلے خالی پیراگراف میں شامل کریں جس کی id 'para' ہے۔
آؤٹ پٹ
یہاں، آؤٹ پٹ Array 'prototype' کنسٹرکٹر کے ذریعے نئے شامل کردہ 'stringLength()' طریقہ کی مدد سے ٹارگٹ اری آبجیکٹ کے ہر سٹرنگ کی لمبائی دکھاتا ہے۔
مثال 2: ایک نیا طریقہ 'myUcase' بنانے کے لیے 'پروٹو ٹائپ' کنسٹرکٹر کا اطلاق کرنا اور اسے ایک ارے آبجیکٹ پر لاگو کرنا
یہ مثال ایک نیا 'myUcase' طریقہ بنانے کے لیے 'prototype' کنسٹرکٹر کا استعمال کرتی ہے اور اسے ٹارگٹ Array آبجیکٹ پر لاگو کرتی ہے۔
جاوا اسکرپٹ کوڈ
آئیے ذیل میں بیان کردہ جاوا اسکرپٹ کوڈ کو دیکھیں:
< سکرپٹ >Array.prototype.myUcase = فنکشن ( ) {
کے لیے ( دو t = 0 ; t < یہ لمبائی؛ t++ ) {
یہ [ t ] = یہ [ t ] .toUpperCase ( ) ;
}
} ;
فنکشن jsFunc ( ) {
const arrObj = [ 'html' , 'سی ایس ایس' , 'جاوا اسکرپٹ' , 'ردعمل' ] ;
arrObj.myUcase ( ) ;
document.getElementById ( 'نمونہ' ) .innerHTML = arrObj;
}
سکرپٹ >
یہاں، 'پروٹو ٹائپ' کنسٹرکٹر ایک نیا طریقہ تخلیق کرتا ہے جس کا نام ہے ' myUcase 'جو استعمال کرتا ہے' اپر کیس ارے آبجیکٹ کے ہر سٹرنگ کو 'اپر کیس' میں تبدیل کرنے کے لیے فنکشن ڈیفینیشن میں طریقہ۔ مؤخر الذکر فنکشن میں، کسٹم میتھڈ کو اسی طرح Array پر بھیجا جاتا ہے۔
آؤٹ پٹ
جیسا کہ دیکھا گیا ہے، اطلاق شدہ 'myUcase()' طریقہ کی وجہ سے ایک Array آبجیکٹ کی ہر سٹرنگ بٹن پر کلک کرنے پر کیپیٹلائز کرتی ہے۔
نتیجہ
صف کو استعمال کرنے کے لیے ' نمونہ جاوا اسکرپٹ میں کنسٹرکٹر، اس کے ساتھ نیا طریقہ/پراپرٹی منسلک کریں۔ یہ ایک فنکشن کی وضاحت کرتا ہے جو ضروریات کے مطابق اپنی مرضی کے مطابق کسی دوسرے فنکشن کے لیے افعال کی وضاحت کرتا ہے۔ اس گائیڈ نے جاوا اسکرپٹ میں Array 'prototype' کنسٹرکٹر کے استعمال کی مختصر وضاحت کی ہے۔