কম্পিউটার টিউটোরিয়াল

JavaScript অ্যারে কন্টেইনস: স্টেপ-বাই-স্টেপ গাইড

JavaScript includes() মেথড একটি অ্যারে সার্চ করে একটি আইটেমের জন্য। এই মেথড true রিটার্ন করে যদি এলিমেন্ট অ্যারেতে এক্সিস্ট করে। filter() মেথড আপনাকে একটি লিস্টে একটি আইটেম খুঁজে বের করতে দেয়। includes()-এর বিপরীতে, filter() মেথড সে আইটেমটি রিটার্ন করে যেটি আপনি খুঁজছিলেন।


আপনি জানতে চাইতে পারেন একটি অ্যারে একটি নির্দিষ্ট ভ্যালু কন্টেইন করে কিনা। উদাহরণস্বরূপ, আপনার কাছে প্রোডাক্ট অর্ডারগুলোর একটি লিস্ট থাকতে পারে এবং আপনি চেক করতে চান কেউ আপনার স্টোর থেকে বেডসাইড ক্যাবিনেট অর্ডার করেছে কিনা।

JavaScript অ্যারে কন্টেইনস

একটি JavaScript অ্যারে একটি আইটেম কন্টেইন করে কিনা তা নির্ধারণ করার দুটি উপায় আছে:

  • includes()।
  • filter()।

includes() মেথড চেক করে একটি আইটেম অ্যারেতে এক্সিস্ট করে কিনা এবং true বা false রিটার্ন করে। filter() একটি অ্যারেতে একটি আইটেম খুঁজে বের করে এবং সেটি রিটার্ন করে।

এই টিউটোরিয়ালে, আমরা JavaScript-এ অ্যারে includes() মেথড ব্যবহার করে নির্ধারণ করার পদ্ধতি আলোচনা করব একটি অ্যারে একটি নির্দিষ্ট এলিমেন্ট কন্টেইন করে কিনা। আমরা filter() কীভাবে ব্যবহার করা হয় একটি অবজেক্টের অ্যারে একটি ভ্যালু কন্টেইন করে কিনা চেক করার জন্য তা আলোচনা করব।

অ্যারে কন্টেইনস JavaScript: includes()

JavaScript includes() মেথড নির্ধারণ করে একটি অ্যারে একটি নির্দিষ্ট ভ্যালু কন্টেইন করে কিনা। includes() মেথড true রিটার্ন করে যদি স্পেসিফাইড আইটেমটি পাওয়া যায় এবং false রিটার্ন করে যদি স্পেসিফাইড আইটেমটি না থাকে।

array_name.includes(element, start_position);

includes() মেথড দুটি আর্গুমেন্ট গ্রহণ করে:

  • element: যে ভ্যালুটি আমরা সার্চ করছি। (রিকোয়ার্ড)
  • start_position: অ্যারেতে वह ইন্ডেক্স পজিশন যেখান থেকে সার্চ শুরু হবে। (অপশনাল)

includes() মেথড দুটি ভ্যালুর একটি রিটার্ন করতে পারে: true এবং false। এই ভ্যালুগুলোকে JavaScript বুলিয়ান বলা হয়।

Array.includes() String.includes()-এর মতোই কাজ করে। কিন্তু, Array.includes() অবজেক্টের একটি অ্যারে থ্রু সার্চ করে।

includes() JavaScript উদাহরণ

মান লজिये আমরা একটি কফি শপ চালাচ্ছি। আমরা চেক করতে চাই আজ কেউ এসপ্রেসো অর্ডার করেছে কিনা। আমরা আজের অর্ডার লিস্ট চেক করতে নিচের কোড ব্যবহার করতে পারি এসপ্রেসোর জন্য অর্ডার প্লেস করা হয়েছে কিনা দেখতে:

var todays_orders = ['Latte', 'Americano', 'Latte', 'Latte', 'Mocha', 'Cortado']; console.log(todays_orders.includes('Espresso'));

আমাদের কোড রিটার্ন করে: false।

todays_orders অ্যারে Espresso ভ্যালু কন্টেইন করে না। তাই, যখন আমাদের includes() ফাংশন এক্সিকিউট হয়, এটি false ভ্যালু রিটার্ন করে। যদি আমরা এমন একটি অ্যারে থ্রু সার্চ করতাম যেখানে এলিমেন্টটি এক্সিস্ট করত, তবে includes() true রিটার্ন করত।

এখন, ধরি আমরা দেখতে চাই কেউ লাস্ট তিনটি অর্ডার যা প্লেস হয়েছে সেগুলোতে ল্যাটে অর্ডার করেছে কিনা। আমরা includes() মেথড start_position আর্গুমেন্টসহ ব্যবহার করতে পারি এটি করতে।

এখানে আমরা যে কোডটি ব্যবহার করব:

var todays_orders = ['Latte', 'Americano', 'Latte', 'Latte', 'Mocha', 'Cortado']; console.log(todays_orders.includes('Latte', 3));

আমাদের প্রোগ্রাম রিটার্ন করে: true। কারণ ইন্ডেক্স ভ্যালু 3-এর পর ল্যাটে অর্ডার করা হয়েছিল, আমাদের includes() ফাংশন একটি true ভ্যালু রিটার্ন করেছে।

অ্যারে কন্টেইনস JavaScript: filter()

উপরের উদাহরণে, আমরা includes() ব্যবহার করেছি চেক করার জন্য একটি স্ট্রিং-এর অ্যারে একটি নির্দিষ্ট ভ্যালু কন্টেইন করে কিনা। কিন্তু যদি আমরা চেক করতে চাই একটি অবজেক্টের অ্যারে একটি স্পেসিফিক ভ্যালু কন্টেইন করে কিনা? আমরা filter() ফাংশন ব্যবহার করতে পারি সেই অ্যাকশনটি পারফর্ম করতে।

filter() ফাংশন একটি অবজেক্টের অ্যারে 넘는 ইটারেট করে এবং একটি নির্দিষ্ট ভ্যালু সার্চ করে। filter() এক আর্গুমেন্ট নেয়: একটি ফাংশন যা একটি ভ্যালু সার্চ করতে ব্যবহার হয়। এখানে JavaScript filter() ফাংশনের সিনট্যাক্স:

var filterArray = array_name.filter(function(item) { return item; });

filter() JavaScript উদাহরণ

আমাদের কাছে কফি শপ অর্ডার অবজেক্টের একটি অ্যারে আছে যেগুলো কফির নাম এবং কাস্টমারের নাম উভয়ই ধারণ করে।

আমরা চেক করতে চাই John Appleseed নামে কেউ আজ কফি অর্ডার করেছে কিনা। John একজন লয়াল্টি কাস্টমার এবং তার পরের কফিতে ডিসকাউন্ট পেতে পারতেন।

নিচের কোড চেক করে John Appleseed অর্ডার প্লেস করেছে কিনা:

var orders = [ { drink: 'Cappuccino', name: 'John Appleseed' }, { drink: 'Espresso', name: 'Mya Stuart' }, { drink: 'Cappuccino', name: 'Emma Berry' } ]; var check_orders = orders.filter(order => (order.name === "John Appleseed")); console.log(check_orders); 

আমাদের প্রোগ্রাম রিটার্ন করে:

[{ drink: 'Cappuccino', name: 'John Appleseed' }]

প্রথমে, আমরা orders নামে একটি অ্যারে ডিক্লেয়ার করলাম। এটি স্টোর করে অর্ডার প্লেস করা লোকদের নাম এবং তারা যেটি ড্রিংক অর্ডার করেছেন। তারপর, আমরা check_orders নামে একটি JavaScript ভেরিয়েবল ডিক্লেয়ার করলাম। এই ভেরিয়েবল filter() ফাংশন ব্যবহার করে চেক করে কেউ John Appleseed নামে আজ কফি অর্ডার করেছে কিনা।

আমরা check_orders ভেরিয়েবলের ভ্যালু JavaScript কনসোলে প্রিন্ট করলাম। কারণ John Appleseed আজ অর্ডার প্লেস করেছিলেন, আমাদের ফাংশন তার অর্ডার রেকর্ড রিটার্ন করল। যদি সে অর্ডার প্লেস করতেন না, আমাদের প্রোগ্রাম কিছুই রিটার্ন করত না।

আপনি যদি filter() মেথড সম্পর্কে আরও জানতে চান, আমাদের JavaScript filter() এবং reduce() মেথড টিউটোরিয়াল চেক আউট করুন।

উপসংহার

includes() মেথড চেক করে একটি ভ্যালু অ্যারেতে আছে কিনা। এই মেথড আউটকামের উপর ডিপেন্ড করে true বা false রিটার্ন করে। filter() মেথড নির্ধারণ করে একটি অবজেক্টের অ্যারে একটি নির্দিষ্ট ভ্যালু কন্টেইন করে কিনা। এই মেথড সেই অবজেক্টটি রিটার্ন করে যা একটি নির্দিষ্ট ক্রাইটেরিয়া মিট করে যদি সেটি অ্যারেতে এক্সিস্ট করে।

আপনি কি JavaScript সম্পর্কে আরও জানতে চান? আমাদের How to Learn JavaScript গাইড চেক আউট করুন। আপনি এক্সপার্ট أدভাইস এবং টপ অনলাইন কোর্স, বুক, এবং রিসোর্সের একটি লিস্ট পাবেন যা আপনাকে শিখতে সাহায্য করবে।

  1. JavaScript Onclick: ধাপে ধাপে গাইড

  2. জাভাস্ক্রিপ্ট array.includes() ফাংশন

  3. জাভাস্ক্রিপ্ট array.includes() মেথড

  4. জাভাস্ক্রিপ্টে Array.prototype.includes() মেথড