জাভাস্ক্রিপ্টে অ্যারে প্রোটোটাইপ কনস্ট্রাক্টর কীভাবে ব্যবহার করবেন

Jabhaskripte A Yare Protota Ipa Kanastraktara Kibhabe Byabahara Karabena



একটি অ্যারে অবজেক্ট উপাদানগুলির একটি সংগ্রহ উপস্থাপন করে। এটি একাধিক ভেরিয়েবলের বিভ্রান্তি এড়াতে ডেটার একটি বড় সেট বজায় রাখতে সাহায্য করে, যার ফলে সেগুলিকে সাজানো হয়। ব্যবহারকারী যদি অ্যারে অবজেক্টে কোনও অতিরিক্ত পদ্ধতি এবং বৈশিষ্ট্য প্রয়োগ করতে চান, তবে প্রতিটি উপাদানে একে একে সেই নতুন সম্পত্তি/পদ্ধতি প্রয়োগ করতে হবে না। পরিবর্তে, এটি জাভাস্ক্রিপ্ট অ্যারে ব্যবহার করে কার্যকরভাবে করা যেতে পারে “ প্রোটোটাইপ 'নির্মাতা। এই কনস্ট্রাক্টর কাঙ্ক্ষিত অ্যারে অবজেক্টে নতুন পদ্ধতি এবং বৈশিষ্ট্য প্রয়োগ করতে সাহায্য করে।

এই গাইড জাভাস্ক্রিপ্টে অ্যারে 'প্রোটোটাইপ' কনস্ট্রাক্টরের ব্যবহার ব্যাখ্যা করে।







জাভাস্ক্রিপ্টে অ্যারে 'প্রোটোটাইপ' কনস্ট্রাক্টর কীভাবে ব্যবহার করবেন?

অ্যারে ' প্রোটোটাইপ ” কনস্ট্রাক্টর জাভাস্ক্রিপ্ট ফাংশনের সাহায্যে একটি অ্যারে অবজেক্টে নতুন পদ্ধতি এবং বৈশিষ্ট্য যোগ করতে ব্যবহৃত হয়। এটি ডিফল্টরূপে এর নাম এবং মান হিসাবে সমস্ত অ্যারের মানগুলির জন্য নির্মিত সম্পত্তি প্রয়োগ করে।



বাক্য গঠন



Array.prototype.name = মান





উপরের সিনট্যাক্সে, ' নাম 'এর সাথে নতুন যোগ করা সম্পত্তি নির্দিষ্ট করে' মান ” যা পুরো অ্যারে অবজেক্টের জন্য প্রযোজ্য।

এর সিনট্যাক্সের সাহায্যে ব্যবহারিকভাবে উপরে-সংজ্ঞায়িত সম্পত্তি ব্যবহার করা যাক।



HTML কোড

প্রথমে, বর্ণিত HTML কোডটি দেখুন:

< পি > দ্য 'প্রোটোটাইপ' কনস্ট্রাক্টর সাহায্য করে ভিতরে নতুন পদ্ধতির সংযোজন / প্রদত্ত অ্যারের বৈশিষ্ট্য ( ) বস্তু পি >
< বোতাম অনক্লিক = 'jsFunc()' > প্রতিটি স্ট্রিং দৈর্ঘ্য পান বোতাম >
< পি আইডি = 'নমুনা' >> পি >
< পি আইডি = 'জন্য' >> পি >

উপরের কোড লাইনে:

  • দ্য '

    ” ট্যাগ অনুচ্ছেদ বিবৃতি নির্দিষ্ট করে।

  • দ্য ' <বোতাম> ' ট্যাগ একটি 'অনক্লিক' ইভেন্ট সহ একটি বোতাম এম্বেড করে বোতাম ক্লিক করার পরে নির্দিষ্ট ফাংশন 'jsFunc()' চালু করতে।
  • শেষ দুটি '

    ' ট্যাগগুলি যথাক্রমে তাদের নির্ধারিত আইডি 'নমুনা' এবং 'প্যারা' সহ খালি অনুচ্ছেদ যোগ করে।

বিঃদ্রঃ: এই এইচটিএমএল কোডটি এই নির্দেশিকায় দেওয়া সমস্ত উদাহরণে অনুসরণ করা হয়েছে।

উদাহরণ 1: একটি নতুন পদ্ধতি যোগ করে অ্যারে অবজেক্টের দৈর্ঘ্য গণনা করতে 'প্রোটোটাইপ' কনস্ট্রাক্টর প্রয়োগ করা

এই উদাহরণটি একটি নতুন যুক্ত পদ্ধতির সাহায্যে একটি অ্যারে অবজেক্টের ভিতরে প্রতিটি স্ট্রিংয়ের দৈর্ঘ্য গণনা করতে 'প্রোটোটাইপ' কনস্ট্রাক্টর ব্যবহার করে।

জাভাস্ক্রিপ্ট কোড

প্রদত্ত জাভাস্ক্রিপ্ট কোড অনুসরণ করুন:

< লিপি >
Array.prototype.stringLength = ফাংশন ( ) {
জন্য ( যেখানে t = 0 ; t < this.length; t++ ) {
এই [ t ] = এই [ t ] দৈর্ঘ্য;
}
} ;
ফাংশন jsFunc ( ) {
var str = [ 'এইচটিএমএল' , 'সিএসএস' , 'জাভাস্ক্রিপ্ট' ] ;
document.getElementById ( 'নমুনা' ) .innerHTML = str;
str.stringদৈর্ঘ্য ( ) ;
document.getElementById ( 'জন্য' ) .innerHTML = str;
}
লিপি >

কোডের উপরের লাইনগুলিতে:

  • অ্যারের মৌলিক সিনট্যাক্স প্রয়োগ করুন “ প্রোটোটাইপ 'কনস্ট্রাক্টর যা একটি নতুন পদ্ধতি যোগ করে' স্ট্রিং দৈর্ঘ্য একটি ফাংশন সংজ্ঞায়িত করা।
  • এর পরে, ফাংশনের সংজ্ঞায়, ' জন্য লুপ একটি অ্যারে অবজেক্টের সমস্ত সূচকের উপর পুনরাবৃত্তি করা হয় যাতে 'দৈর্ঘ্য' বৈশিষ্ট্য ব্যবহার করে তাদের দৈর্ঘ্য খুঁজে পাওয়া যায়।
  • এর পরে, ' jsFunc() ' 'str' ​​ভেরিয়েবলে সংরক্ষিত একটি অ্যারে অবজেক্টকে সংজ্ঞায়িত করে।
  • এরপর ' document.getElementById () ' পদ্ধতি অ্যারে অবজেক্ট 'str' ​​প্রদর্শন করতে তার আইডি 'নমুনা' এর মাধ্যমে প্রথম খালি অনুচ্ছেদটি অ্যাক্সেস করে।
  • সবশেষে, 'str' ​​অ্যারে অবজেক্টটিকে 'এর সাথে সংযুক্ত করুন স্ট্রিং দৈর্ঘ্য() প্রতিটি অ্যারের সূচকের স্ট্রিং দৈর্ঘ্য গণনা করার পদ্ধতি এবং তারপর এটিকে পরবর্তী খালি অনুচ্ছেদে যুক্ত করুন যার আইডি হল 'প্যারা'।

আউটপুট

এখানে, আউটপুট অ্যারে 'প্রোটোটাইপ' কনস্ট্রাক্টরের মাধ্যমে নতুন যোগ করা 'স্ট্রিংলেংথ()' পদ্ধতির সাহায্যে টার্গেট অ্যারে অবজেক্টের প্রতিটি স্ট্রিংয়ের দৈর্ঘ্য দেখায়।

উদাহরণ 2: একটি নতুন পদ্ধতি 'myUcase' তৈরি করতে 'প্রোটোটাইপ' কনস্ট্রাক্টর প্রয়োগ করা এবং এটি একটি অ্যারে অবজেক্টে প্রয়োগ করা

এই উদাহরণটি একটি নতুন 'myUcase' পদ্ধতি তৈরি করতে 'প্রোটোটাইপ' কনস্ট্রাক্টর ব্যবহার করে এবং এটি লক্ষ্য অ্যারে অবজেক্টে প্রয়োগ করে।

জাভাস্ক্রিপ্ট কোড

আসুন নীচের জাভাস্ক্রিপ্ট কোডের মাধ্যমে যাই:

< লিপি >
Array.prototype.myUcase = ফাংশন ( ) {
জন্য ( দিন t = 0 ; t < this.length; t++ ) {
এই [ t ] = এই [ t ] .আপারকেস থেকে ( ) ;
}
} ;
ফাংশন jsFunc ( ) {
const arrObj = [ 'html' , 'সিএসএস' , 'জাভাস্ক্রিপ্ট' , 'প্রতিক্রিয়া' ] ;
arrObj.myUcase ( ) ;
document.getElementById ( 'নমুনা' ) .innerHTML = arrObj;
}
লিপি >

এখানে, 'প্রোটোটাইপ' কনস্ট্রাক্টর 'নামক একটি নতুন পদ্ধতি তৈরি করে myUcase 'যা ব্যবহার করে' বড় হাতের অক্ষর অ্যারে অবজেক্টের প্রতিটি স্ট্রিংকে 'আপারকেস' এ রূপান্তর করার জন্য ফাংশনের সংজ্ঞায় ” পদ্ধতি। পরবর্তী ফাংশনে, কাস্টম পদ্ধতিটি একইভাবে অ্যারেতে আহ্বান করা হয়।

আউটপুট

যেমন দেখা যায়, প্রয়োগ করা 'myUcase()' পদ্ধতির কারণে একটি অ্যারে অবজেক্টের প্রতিটি স্ট্রিং একটি বোতাম ক্লিকের উপর বড় করে তোলে।

উপসংহার

অ্যারে ব্যবহার করতে ' প্রোটোটাইপ ” জাভাস্ক্রিপ্টে কনস্ট্রাক্টর, এটির সাথে নতুন পদ্ধতি/সম্পত্তি সংযুক্ত করুন। এটি একটি ফাংশন নির্দিষ্ট করে যা প্রয়োজনীয়তা অনুযায়ী কাস্টম পদ্ধতিতে অন্য ফাংশনের কার্যকারিতা নির্ধারণ করে। এই নির্দেশিকাটি সংক্ষেপে জাভাস্ক্রিপ্টে অ্যারে 'প্রোটোটাইপ' কনস্ট্রাক্টরের ব্যবহার ব্যাখ্যা করেছে।