কম্পিউটার টিউটোরিয়াল

ভ্যানিলা জাভাস্ক্রিপ্ট দিয়ে অ্যারে মার্জ করা (ES5 এবং ES6)

আপনি আগে শিখেছেন কীভাবে জাভাস্ক্রিপ্টের push() মেথড ব্যবহার করে অ্যারে থেকে আইটেম যোগ ও সরানো যায়।

কিন্তু যদি আমরা একটি অ্যারের আইটেমগুলিকে একটি বিদ্যমান অ্যারেতে যোগ করতে চাই? অন্য কথায়, যদি আমরা দুটি ভিন্ন অ্যারেকে একসাথে মার্জ করতে চাই?

জাভাস্ক্রিপ্টে দুটি বা ততোধিক অ্যারে মার্জ করতে, আপনি Array.prototype.push.apply() ব্যবহার করতে পারেন।

মান লিন আমাদের দুটি ফলের বাস্কেট আছে, এবং আমরা সকল ফল একই বাস্কেটে চাই। সমস্যা নেই।

ES5

var fruitBasketOne = ["apple", "banana", "grapes"] var fruitBasketTwo = ["orange", "apricot", "pear"] Array.prototype.push.apply(fruitBasketOne, fruitBasketTwo) // returns ['apple', 'banana', 'grapes', 'orange', 'apricot', 'pear'] console.log(fruitBasketOne) // returns ["orange", "apricot", "pear"] console.log(fruitBasketTwo)

এটি দ্বিতীয় অ্যারেটি প্রথম অ্যারেতে মার্জ করবে। লক্ষ্য করুন যে দ্বিতীয় অ্যারে, fruitBasketTwo এখনও মেমরিয়ে আছে। এই মেথড মূল অ্যারেটি মুছে ফেলে না।

ES6 দিয়ে অ্যারে মার্জ করা

ES6 স্প্রেড অপারেটর ব্যবহার করে মার্জ করা আরও সহজ:

let fruitBasketOne = ["apple", "banana", "grapes"] let fruitBasketTwo = ["orange", "apricot", "pear"] fruitBasketOne.push(...fruitBasketTwo) // returns ['apple', 'banana', 'grapes', 'orange', 'apricot', 'pear'] console.log(fruitBasketOne)

কম্প্যাটিবিলিটি

প্রথম পुश মেথডটি সকল আধুনিক ব্রাউজার এবং কমপক্ষে IE6-র সাথে কম্প্যাটিবল। দ্বিতীয় মেথডটি শুধু আধুনিক ব্রাউজারগুলোর সাথে কাজ করে, কিন্তু আপনি বেবেল এর মত প্রি-প্রসেসর ব্যবহার করে আপনার জাভাস্ক্রিপ্ট ES5-এ কম্পাইল করে পুরনো ব্রাউজারগুলোর সাথে কাজ করার জন্য উপযুক্ত করতে পারেন।

Array Push মেথড সম্পর্কে আরও জানুন।


  1. জাভাস্ক্রিপ্ট Pop মেথড: এটি কী এবং কীভাবে ব্যবহার করবেন

  2. জাভাস্ক্রিপ্টে অ্যারে রিডিউস করা (reduce)

  3. জাভাস্ক্রিপ্টে অবজেক্ট ধারণকারী অ্যারে অফ অ্যারে Durch লুপ করা

  4. জাভাস্ক্রিপ্টে স্পেশাল অ্যারে চেক করা