ES6 Array Methods - সবকিছু যা আপনার জানা প্রয়োজন

ভূমিকা

জাভাস্ক্রিপ্ট ডেভেলপার হিসেবে ES6 Array Methods সম্পর্কে জানা অত্যন্ত জরুরি। এই মেথডগুলো আমাদের কোডকে আরও ক্লিন, রিডেবল এবং ইফিসিয়েন্ট করতে সাহায্য করে। এই পোস্টে আমরা map, filter, find, reduce এবং forEach মেথডগুলো নিয়ে বিস্তারিত আলোচনা করব।

---

১. map() মেথড

map() মেথড একটি অ্যারের প্রতিটি এলিমেন্টের উপর একটি ফাংশন চালায় এবং রেজাল্ট দিয়ে একটি নতুন অ্যারে তৈরি করে।

ব্যবহার: যখন আপনি একটি অ্যারের প্রতিটি উপাদান পরিবর্তন করে নতুন একটি অ্যারে পেতে চান।

const numbers = [1, 2, 3, 4, 5];

// প্রতিটি সংখ্যার দ্বিগুণ (double) বের করা
const doubled = numbers.map(num => num * 2);

console.log(doubled); 
// Output: [2, 4, 6, 8, 10]

---

২. filter() মেথড

filter() মেথড একটি কন্ডিশন বা শর্তের উপর ভিত্তি করে অ্যারে থেকে উপাদানগুলোকে বাছাই করে একটি নতুন অ্যারে তৈরি করে।

ব্যবহার: যখন আপনি একটি অ্যারের কিছু নির্দিষ্ট উপাদান বাদ দিতে বা রাখতে চান।

const ages = [12, 18, 25, 10, 30, 16];

// ১৮ বা তার বেশি বয়সের উপাদানগুলো ফিল্টার করা
const adults = ages.filter(age => age >= 18);

console.log(adults); 
// Output: [18, 25, 30]

---

৩. find() মেথড

find() মেথড কন্ডিশন বা শর্তের সাথে মিলে যায় এমন প্রথম উপাদানটি (first matching element) রিটার্ন করে। এটি পুরো অ্যারে রিটার্ন করে না, শুধু একটি উপাদান দেয়।

ব্যবহার: যখন আপনি নির্দিষ্ট কোনো একটি অবজেক্ট বা ভ্যালু খুঁজছেন।

const users = [
  { id: 1, name: "Rahim" },
  { id: 2, name: "Karim" },
  { id: 3, name: "Jabbar" }
];

// আইডি ২ যার, তাকে খুঁজে বের করা
const user = users.find(u => u.id === 2);

console.log(user); 
// Output: { id: 2, name: "Karim" }

---

৪. reduce() মেথড

reduce() মেথড একটু ভিন্ন। এটি অ্যারের সব উপাদানকে প্রসেস করে একটি সিঙ্গেল ভ্যালু (single value) তে রূপান্তরিত করে। যেমন: যোগফল, গুণফল ইত্যাদি বের করা।

ব্যবহার: যখন আপনি অ্যারের সব ভ্যালু মিলিয়ে একটি মাত্র রেজাল্ট চান।

const numbers = [10, 20, 30, 40];

// সব সংখ্যার যোগফল বের করা
const sum = numbers.reduce((accumulator, currentValue) => {
  return accumulator + currentValue;
}, 0);

console.log(sum); 
// Output: 100

এখানে 0 হলো accumulator এর ইনিশিয়াল ভ্যালু।

---

৫. forEach() মেথড

forEach() মেথড অনেকটা লুপের মতো কাজ করে। এটি অ্যারের প্রতিটি উপাদানের জন্য একবার করে ফাংশন এক্সিকিউট করে। কিন্তু map এর মতো এটি নতুন কোনো অ্যারে রিটার্ন করে না।

ব্যবহার: যখন আপনি শুধু লুপ চালাতে চান এবং নতুন অ্যারের প্রয়োজন নেই (যেমন: কনসোলে প্রিন্ট করা বা DOM ম্যানিপুলেশন)।

const fruits = ["Apple", "Banana", "Mango"];

fruits.forEach(fruit => {
  console.log(`I love ${fruit}`);
});

// Output:
// I love Apple
// I love Banana
// I love Mango

---

উপসংহার

এই মেথডগুলো জাভাস্ক্রিপ্টে কাজ করার সময় আপনার জীবনকে অনেক সহজ করে দেবে। For loop ব্যবহার না করে এই মেথডগুলো ব্যবহার করলে কোড অনেক বেশি মডার্ন এবং বুঝতে সহজ হয়। নিয়মিত প্র্যাকটিস করুন এবং আপনার প্রজেক্টে এগুলো ব্যবহার শুরু করুন!