Blog

JavaScript এর find() মেথড: পূর্ণাঙ্গ টিউটোরিয়াল

find() মেথড হলো JavaScript এর একটি অ্যারে মেথড, যা একটি অ্যারের মধ্যে থেকে প্রথম উপাদান খুঁজে বের করে যা প্রদত্ত শর্ত পূরণ করে। এটি একটি কলব্যাক ফাংশন নেয় এবং সেই ফাংশনের শর্ত অনুযায়ী প্রথম মিল পাওয়া উপাদান রিটার্ন করে। যদি কোন উপাদান শর্ত পূরণ না করে, তাহলে এটি undefined রিটার্ন করে।

১. find() মেথড কী?

find() মেথড একটি অ্যারের মধ্যে প্রদত্ত শর্ত অনুসারে এমন প্রথম উপাদান খুঁজে বের করে যা কলব্যাক ফাংশনে true রিটার্ন করে। এটি মূল অ্যারের কোনো পরিবর্তন আনে না, বরং একটি সিম্পল উপাদান রিটার্ন করে। এটি মূলত filter() মেথডের মত, কিন্তু filter() সব মিল পাওয়া উপাদান রিটার্ন করে অ্যারে হিসেবে, আর find() শুধুমাত্র প্রথম মিল পাওয়া উপাদান রিটার্ন করে।

২. সিনট্যাক্স

৩. find() এর ব্যবহার ও উদাহরণ

নিচে বিভিন্ন উদাহরণ দিয়ে দেখানো হলো find() কিভাবে কাজ করে:

<script>
  // সংখ্যা অ্যারের মধ্যে থেকে প্রথম ৫ এর বেশি সংখ্যা খোঁজা
  let numbers = [3, 5, 8, 1, 4, 10, 7];
  let firstGreaterThanFive = numbers.find(function(num) {
    return num > 5;
  });
  console.log(firstGreaterThanFive); // 8

  // ES6 অ্যারো ফাংশন ব্যবহার করে সংক্ষিপ্ত কোড
  let firstEven = numbers.find(num => num % 2 === 0);
  console.log(firstEven); // 8

  // অবজেক্ট অ্যারের মধ্যে থেকে প্রথম প্রাপ্তবয়স্ক ব্যক্তির সন্ধান
  let people = [
    {name: "রহিম", age: 17},
    {name: "করিম", age: 20},
    {name: "সুমি", age: 15}
  ];
  let firstAdult = people.find(person => person.age >= 18);
  console.log(firstAdult);
  /*
    {name: "করিম", age: 20}
  */
</script>

৪. find() এর গুরুত্বপূর্ণ বৈশিষ্ট্য

• শুধুমাত্র প্রথম ম্যাচ: find() শুধুমাত্র প্রথম শর্ত পূরণ করা উপাদান রিটার্ন করে, বাকিগুলো উপেক্ষা করে।
• মূল অ্যারে অপরিবর্তিত: এটি মূল অ্যারেকে কোনো পরিবর্তন আনে না।
• কলব্যাক ফাংশনের আর্গুমেন্ট: element, index, এবং array প্যারামিটার নেওয়া যায়।
• যদি মিল না থাকে: কোন মিল না থাকলে এটি undefined রিটার্ন করে।

৫. filter() ও find() এর পার্থক্য

৬. find() এর উন্নত উদাহরণ

<script>
  // স্ট্রিং অ্যারে থেকে প্রথম 'cat' এর উপস্থিতি খোঁজা
  let animals = ['dog', 'cat', 'lion', 'catfish'];
  let firstCat = animals.find(animal => animal === 'cat');
  console.log(firstCat); // 'cat'

  // অবজেক্ট অ্যারে থেকে নির্দিষ্ট আইডি খুঁজে পাওয়া
  let products = [
    {id: 1, name: 'টেবিল', price: 2000},
    {id: 2, name: 'চেয়ার', price: 1500},
    {id: 3, name: 'ল্যাম্প', price: 800}
  ];
  let productWithId2 = products.find(product => product.id === 2);
  console.log(productWithId2);
  /*
    {id: 2, name: 'চেয়ার', price: 1500}
  */
</script>

৭. উপসংহার

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