জাভাস্ক্রিপ্ট ফিল্টার:একটি ধাপে ধাপে নির্দেশিকা

জাভাস্ক্রিপ্ট() ফিল্টার পদ্ধতি বিদ্যমান অ্যারে থেকে উপাদানগুলির একটি অ্যারে তৈরি করে। ফিল্টার() পদ্ধতি একটি আর্গুমেন্ট হিসাবে কলব্যাক ফাংশন গ্রহণ করে। এই ফাংশনটি মূল্যায়ন করে যে একটি উপাদান বিদ্যমান থেকে নতুন তালিকায় যোগ করা উচিত কিনা৷৷

আপনি যদি জাভাস্ক্রিপ্টে নতুন হন, আপনি হয়ত ফিল্টার() এর কথা শুনেননি এবং কমাও() জাভাস্ক্রিপ্ট ফাংশন। আপনি যখন বস্তুর একটি তালিকা নিয়ে কাজ করছেন তখন এই ফাংশনগুলি কার্যকর হতে পারে, এটি একটি অ্যারে নামেও পরিচিত .

আপনি যদি কখনও একটি অ্যারে থেকে শুধুমাত্র নির্দিষ্ট মান পেতে চান, আপনি JavaScript filter() ব্যবহার করতে পারেন ফাংশন এই টিউটোরিয়ালে, আমরা উদাহরণের সাথে আলোচনা করব, কিভাবে ফিল্টার() ফাংশন ব্যবহার করতে হয়।

অ্যারে রিফ্রেসার

একটি জাভাস্ক্রিপ্ট অ্যারে শূন্য বা তার বেশি আইটেম সঞ্চয় করে। আইটেমগুলি সংখ্যা, অন্যান্য অ্যারে, স্ট্রিং বা অন্য ডেটা টাইপ ব্যবহার করতে পারে। তারা নির্দিষ্ট আইটেম অ্যাক্সেস করতে "0" থেকে শুরু করে সংখ্যাযুক্ত সূচক ব্যবহার করে।

অ্যারে আপনাকে একই ভেরিয়েবলে একাধিক মান সংরক্ষণ করতে দেয়। এটি আপনাকে আরও ভাল এবং পরিষ্কার লিখতে সাহায্য করতে পারে কারণ আপনার মানগুলি সংরক্ষণ করার জন্য আপনাকে একাধিক ভেরিয়েবল লিখতে হবে না৷

এখানে JavaScript-এ একটি অ্যারের একটি উদাহরণ রয়েছে:

let names = ["Alex", "Bill", "Connor", "Daniel", "Edna"];

জাভাস্ক্রিপ্ট ফিল্টার অ্যারে

JavaScript অ্যারে ফিল্টার() পদ্ধতি একটি বিদ্যমান অ্যারের বিষয়বস্তুর উপর ভিত্তি করে একটি নতুন অ্যারে তৈরি করে। filter() পদ্ধতি বিদ্যমান অ্যারের প্রতিটি আইটেমের একটি কলব্যাক ফাংশন মূল্যায়ন করে। কলব্যাক ফাংশনের শর্ত পূরণ করে এমন যেকোনো আইটেম একটি নতুন তালিকায় যোগ করা হয়।

ফিল্টার পদ্ধতি ব্যবহার করে, আমরা নির্দিষ্ট মানদণ্ড পূরণ করে এমন মানগুলি পুনরুদ্ধার করতে এবং সেগুলিকে একটি নতুন অ্যারেতে যুক্ত করতে সক্ষম৷

81% অংশগ্রহণকারী বলেছেন যে তারা বুটক্যাম্পে যোগ দেওয়ার পরে তাদের প্রযুক্তিগত কাজের সম্ভাবনা সম্পর্কে আরও আত্মবিশ্বাসী বোধ করেছেন। আজই একটি বুটক্যাম্পের সাথে মিলিত হন৷

গড় বুটক্যাম্প গ্র্যাড একটি বুটক্যাম্প শুরু করা থেকে শুরু করে তাদের প্রথম চাকরি খোঁজা পর্যন্ত ক্যারিয়ারের পরিবর্তনে ছয় মাসেরও কম সময় কাটিয়েছে।

ফিল্টার অ্যারে জাভাস্ক্রিপ্ট সিনট্যাক্স

ফিল্টার পদ্ধতি নিম্নলিখিত সিনট্যাক্স ব্যবহার করে:

var newArr = oldArr.filter(function(item) {
	return yourCondition;
});

এই কোডটি "oldArr" অ্যারের বিষয়বস্তুর উপর ভিত্তি করে "newArr" নামক একটি অ্যারেকে সংজ্ঞায়িত করে। আমাদের কলব্যাক ফাংশন একটি শর্ত পূরণ হলে নতুন অ্যারেতে একটি মান প্রদান করে। উদাহরণ শর্তাবলী অন্তর্ভুক্ত:

• আইটেম> 5
• আইটেম =="জেসি"
• আইটেম <3

আপনি আপনার শর্ত তৈরি করতে JavaScript তুলনা অপারেটর ব্যবহার করতে পারেন। অথবা, আপনি একটি যদি বিবৃতি ব্যবহার করতে পারেন. একটি if স্টেটমেন্ট ব্যবহার করে আপনাকে একাধিক মানগুলির মধ্যে কোনটি একটি নতুন তালিকায় যুক্ত করা হবে তা নিয়ন্ত্রণ করতে দেয়৷

জাভাস্ক্রিপ্টের উদাহরণ ফিল্টার করুন

সংখ্যার একটি তালিকা ফিল্টার করুন

একটি সহজ উদাহরণ দিয়ে শুরু করা যাক। আমরা একটি কফি শপ থেকে কেনাকাটা একটি তালিকা আছে. আমরা একটি নতুন তালিকা তৈরি করতে চাই যা $10-এর বেশি কেনাকাটা প্রদর্শন করে৷

আমাদের ক্রয়ের তালিকা এইরকম দেখাচ্ছে:

var purchases = [2.50, 2.70, 10.50, 12.30, 9.60, 2.30, 3.40];

$10-এর বেশি মূল্যের কেনাকাটা পুনরুদ্ধার করতে আমরা ফিল্টার() পদ্ধতি ব্যবহার করতে পারি:

var big_purchases = purchases.filter(function(purchase) {
	return purchase > 10;
});

আমাদের প্রোগ্রাম একটি ক্রয় $10-এর বেশি মূল্যের ছিল কিনা তা পরীক্ষা করে। একটি ক্রয় আমাদের বড়_ক্রয়-এ যোগ করা হয়। এটি $10 এর বেশি মূল্যের হলে তালিকা করুন। অন্যথায়, ক্রয় বাদ দেওয়া হয়।

big_purchases জাভাস্ক্রিপ্ট ভেরিয়েবলের মান হল:

[10.5, 12.3]

ফিল্টার() পদ্ধতিটি আমাদের সংজ্ঞায়িত পরীক্ষায় উত্তীর্ণ সমস্ত উপাদান প্রদান করে। এই পরীক্ষাটি হল "আইটেম> 10"। আমরা যদি প্রতিটি ক্রয় অ্যাক্সেস করতে চাই, আমরা আমাদের আসল "ক্রয়" তালিকায় ফিরে যেতে পারি। আমাদের ফিল্টার() পদ্ধতিটি $10-এর চেয়ে বেশি মানের অ্যারে প্রদান করে।

অবজেক্টের একটি অ্যারে ফিল্টার করুন

আমাদের একটি অ্যারে রয়েছে যাতে একটি স্কুলের প্রত্যেকের নাম রয়েছে:

var students = [
	{
		id: 1,
		name: "Alex",
		class: "First Grade",
		age: 5
	},
{
		id: 2,
		name: "Bill",
		class: "First Grade",
		age: 5
	},
{
		id: 3,
		name: "Connor",
		class: "Second Grade",
		age: 6
	}
];

আমরা যদি শুধুমাত্র প্রথম শ্রেণীতে পড়া ছাত্রদের পুনরুদ্ধার করতে চাই? ফিল্টার() এই অপারেশন সঞ্চালন সহজ করে তোলে. আসুন একটি ফাংশন লিখি যা "ছাত্র" অ্যারে থেকে সমস্ত প্রথম-গ্রেডারের ফেরত দেবে:

var firstGradeStudents = students.filter(function (student) {
	return student.class === “First Grade”;
});

ফিল্টার() এক প্যারামিটারে লাগে। এটি একটি ফাংশন যা নির্ধারণ করে যে আপনি আপনার ডেটাতে কোন অপারেশন চালান।

ফিল্টার() ফাংশন "ছাত্র" অ্যারের প্রতিটি বস্তুর মধ্য দিয়ে যায়। filter() সেই ছাত্রদের ফেরত দেয় যাদের ক্লাস "প্রথম গ্রেড" এর সমান। “===” অপারেটর মানে সমতা।

ফিল্টার ফাংশন এই নতুন মানগুলির সাথে একটি নতুন অ্যারে তৈরি করবে, "firstGradeStudents" ভেরিয়েবলের মাধ্যমে অ্যাক্সেসযোগ্য৷

উপসংহার

আপনি একটি বিদ্যমান অ্যারের বিষয়বস্তু থেকে একটি নতুন অ্যারে তৈরি করতে filter() অ্যারে পদ্ধতি ব্যবহার করতে পারেন। ক্লুটি filter() পদ্ধতির সাথে নামে রয়েছে। filter() ফিল্টার একটি বিদ্যমান অ্যারে থেকে উপাদানগুলি বের করুন৷

এবং এটাই! এখন আপনি reduce() ব্যবহার করতে পারেন জাভাস্ক্রিপ্টে আরও বেশি আত্মবিশ্বাসের সাথে। জাভাস্ক্রিপ্টে কীভাবে কোড করতে হয় সে সম্পর্কে আরও জানতে, জাভাস্ক্রিপ্ট নতুনদের জন্য সেরা টিউটোরিয়াল সম্পর্কে আমাদের নিবন্ধটি পড়ুন।