ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ – পর্ব-১৮

 

ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ – পর্ব-১৮

JavaScript ES6 Spread & Rest Operators

Spread Operator (...) কোনো অ্যারে বা অবজেক্টের মানকে আলাদা করে কপি বা অন্য জায়গায় ছড়িয়ে দেয়।

১. অ্যারে কপি করা

let arr1 = [1, 2, 3];
let arr2 = [...arr1];
console.log(arr2); // [1, 2, 3]

২. অ্যারে মার্জ করা

let arr1 = [1, 2];
let arr2 = [3, 4];
let merged = [...arr1, ...arr2];
console.log(merged); // [1, 2, 3, 4]

৩. অবজেক্ট কপি করা

let obj1 = { name: "Nitai" };
let obj2 = { ...obj1 };
console.log(obj2); // { name: "Nitai" }

৪. অবজেক্ট মার্জ করা

let obj1 = { a: 1, b: 2 };
let obj2 = { b: 3, c: 4 };
let mergedObj = { ...obj1, ...obj2 };
console.log(mergedObj); // { a: 1, b: 3, c: 4 }

---

Rest Operator (...) ফাংশনের আর্গুমেন্ট বা অ্যারে/অবজেক্টের বাকি মানকে সংগ্রহ করে।

৫. ফাংশনের বাকি আর্গুমেন্ট নেওয়া

function sum(...numbers) {
    return numbers.reduce((total, num) => total + num, 0);
}
console.log(sum(1, 2, 3, 4)); // 10

৬. অ্যারের বাকি অংশ

let [first, ...rest] = [10, 20, 30, 40];
console.log(first); // 10
console.log(rest);  // [20, 30, 40]

৭. অবজেক্টের বাকি অংশ

let { name, ...others } = { name: "Nitai", age: 25, city: "Dhaka" };
console.log(name);   // Nitai
console.log(others); // { age: 25, city: "Dhaka" }

---

লেখক: নিতাই বাবু | সহযোগিতায় ও ব্লগ ডিজাইন: OpenAI

আরও পূর্ববর্তী পর্বসমূহ দেখুন:

• পর্ব-১
• পর্ব-২
• পর্ব-৩
• পর্ব-৪
• পর্ব-৫
• পর্ব-৬
• পর্ব-৭
• পর্ব-৮
• পর্ব-৯
• পর্ব-১০
• পর্ব-১১
• পর্ব-১২
• পর্ব-১৩
• পর্ব-১৪
• পর্ব-১৫
• পর্ব-১৬
• পর্ব১৭
• পর্ব১৮

নিতাই বাবু পুরস্কারপ্রাপ্ত নাগরিক সাংবাদিক – ২০১৭। লেখালেখির শুরু শৈশবে, এখনো চলছে। মূলত সমাজ, সংস্কৃতি, স্মৃতিচারণা ও ছন্দনিবদ্ধ রচনায় আগ্রহী। ভাষার শুদ্ধচর্চা ও সাহিত্যসমৃদ্ধ বাংলার প্রতি অগাধ ভালোবাসা। 🌐 ব্লগ: নিতাই বাবু ব্লগ | জীবনের ঘটনা | চ্যাটজিপিটি ভাবনা