Module‌‌‌ ‌‌‌৩১ ‌‌‌এ‌‌‌ ‌‌‌আমরা‌‌‌ ‌‌‌যাকিছু‌‌‌ ‌‌‌শিখেছি‌‌‌

byGET all FREE - 0

Module‌‌‌ ‌‌‌৩১ ‌‌‌এ‌‌‌ ‌‌‌আমরা‌‌‌ ‌‌‌যাকিছু‌‌‌ ‌‌‌শিখেছি‌‌‌

(Advanced) ES6 , Class , Inheritance

 

 

  • একটা Object এর মান কিভাবে একটা একটা করে আলাদা আলাদা variable এর মধ্যে স্টোর করতে পারি ? (ES6 এর মাধ্যমে করতে হবে )

 

const fish = { name: "hilsa", id: 102, location: "joypurhat", price: 1299 };

const { name, id, location, price } = fish; //বোল্ড করা লেখা এক একটা variable

console.log(name, id, location, price);

 

 

  • আমরা চাইলে কোণ একটা Object এর Property এর ভেলুও কিন্তু একটা Object হতে পারে  !

 

const company = {

  name: "grameenphone",

  ceo: { name: "rashedul", id: 01, food: "rice" },

  web: {

    work: "web development",

    employee: 22,

    framework: "react",

    tech: {

      first: "html",

      second: "css",

      third: "JS",

    },

  },

};


  • এখন আমাদের দরকার company Object এর web Property এর প্রপার্টি গুলোকে অ্যাক্সেস করতে হয় তাহলে আমরা কি করব ? 


সিম্পল রাস্তা (ভ্যানিলা JS)


const work = company.web.work

Const framework = company.web.framework

console.log(work,framework)



ES6 (destructuring) এর মাধ্যমে 



const { work, framework } = company.web;

console.log(work, framework);

const { first, second } = company.web.tech;

console.log(first);


 

  • আমরা Object Property এর নাম আর variable এর নাম সেম রাখতে পারি । 

 

const obj = { a: 10, b: 20, c: 30, d: 40, e: 50 };

const { a, e, c } = obj;

console.log(a, e, c);

 

  • এতক্ষণ আমরা Obejct নিয়ে ঘাটাঘাটি করলাম এখন Array নিয়ে করে ফেলি 

 

const [a, b] = ["rashedul", 20];

console.log(a, b);

 

  • যদি আমরা একটা property কে অ্যাক্সেস করতে চাই কিন্তু সেটা Object এর ভেতরে ডিফাইন করা নাই। তাহলে আমরা একটা ERROR খেয়ে যাব । তাকে Handle করব কিভাবে ?

 

console.log(company?.web?.third);

console.log(company?.backed?.web?.third);

 

  • আমরা যদি একটা Arr এর ভিতরের element গুলোকে এক এক নিয়ে সেগুলোকে ২ দ্বারা গুন করে আউটপুট দিতে চাই তাহলে কি করতে পারি ? (আমরা Loop চালাতে পারি । তাই না ? তো আজকে আমরা আর Loop চালাবো না আজকে map() ফাংশন এর ব্যাবহার দেখব )

 


const arr = [4, 6, 8, 10];

const output = [];

const dubbleIt = (num) => num * 2;

console.log(arr.map(dubbleIt)); 

//console.log(arr.map((num) => num * 2));

  • map() ফাংশন কি করে ? map() ফাংশন Array এর ভিতরে লুপ চালায় এবং সে একটা ফাংশন কে কল করে আর সে ফাংশন যা বলে সেটা অনুযায়ী রেজাল্ট দেয় ।

 

  • তুমি কিভাবে map() ব্যাবহার করে  একটা Array এর ভেতরের নাম ভা এলেমেন্টগুলোর Length বের করতে পার ?

 

const friends = ["rashedul", "islam", "shihab", "taki", "rumman"];

const fLength = friends.map((f) => f.length);

console.log(fLength);

 

  •  তোমাকে যদি একটা Array of Object দেওয়া হয় এবং Price ও Name গুলোকে Array এর মধ্যে ষ্টোর করতে বলা হয় তাহলে কি করবা ? 

 

const products = [

  { name: "water bottle", price: 50, color: "yellow" },

  { name: "mobile", price: 15000, color: "black" },

  { name: "smart watch", price: 3000, color: "black" },

  { name: "sticky", price: 30, color: "pink" },

  { name: "water glass", price: 3, color: "white" },

];

const ProductName = products.map((product) => product.name);

const ProductPrice = products.map((product) => product.price);

console.log(ProductName, ProductPrice);

 

  • আমরা যে ProductName , ProductPrice  গুলো নিয়ে একটা Array এর ভিতরে রাখছি । কারণ আমরা এগুলোকে নিয়ে পরে কিছু একটা করব । অর্থাৎ আমরা সেগুলোকে return করেছি ।  আর যদি আমাদের কিছু return না করার দরকার পরে তাহলে আমরা forEach ব্যাবহার করব । 

 

const ProductPrice = products.forEach((product) => console.log(product)); // forEach বেশি কাজে লাগে না । 

 

  • filter() এর কাজ কি ? (filter() এর ভিতরে আমরা শর্ত দিতে পারি যেমন If ,else if এ দিতাম) 

 

const arr = [5, 2, 654, 51456, 46, 5436, 156, 1456];

const arrFilter = arr.filter((a) => a > 500);

console.log(arrFilter);


  • তোমার কাজ হল filter() ব্যাবহার করে Array of Object এর price 300 এর চেয়ে বেশি যেগুলা সেগুলোকে দেখানো । 

 

  • find() এর কাজ কি? (find() এর কাজ ঠিক Filter() এর মতই । কিন্তু filter() Array return করত আর find() একটা এলেমেন্ট return করবে । যদি সেখানে একই নামে বেশি element থাকে তবে প্রথমটা return করবে । আর না থাকলে Undefined দেখাবে । যেখানে filter() করলে একটা শর্তের সাথে জাদেরকে মিল পাবে সব গুলোকে return করত । আর কিছুই না পাইলে একটা ফাঁকা Array return করত । )

 

const whiteItem = products.find((product) => product.color == "white");

console.log(whiteItem);

 

  •  Class কিভাবে ব্যাবহার করতে হয় ? এবং কিভাবে একটা dynamic রেজাল্ট return করাতে হয় ? (Note: class Name এর প্রথম word বড় হাতের দিতে হয় )

 

class Support {

  name; role; address; time;

  constructor(name, role, address, time) {

    this.name = name; this.role = role; this.address = address;this.time = time;

  }

  startSession() {

    console.log(

      this.name,"he is a",this.role,"started a session at",this.time);}

}

const rashedul = new Support("rashedul", "web developer", "joypurhat", "10:50");

rashedul.startSession();

 

  • আমরা support এর জন্য একটা ক্লাস (class)তৈরি করে ফেললাম । কিন্তু কাল যদি আরো ৪,৫,১০ তা class তৈরি করতে হয় তাহলে কি বার বার code duplicate করবে ? অবশ্যয় না । এর জন্য তুমি একটা common class তৈরি করে নিবে । 

 


 

  •  

 

 

All module link

আর আমার github এ যাইতে চাইলে এই লিঙ্কে ক্লিক করুন 

About 

Md: Rashedul Islam Shihab

Writer of this note

Batch4

Social accounts



 


 


 


Post a Comment (0)

أحدث أقدم