কম্পিউটার

ভ্যানিলা জাভাস্ক্রিপ্ট (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 সামঞ্জস্যপূর্ণ কোডে কম্পাইল করতে এবং পুরানো ব্রাউজারগুলিতে কাজ করতে ব্যাবেলের মতো একটি প্রাক-প্রসেসর ব্যবহার করতে পারেন৷

অ্যারে পুশ পদ্ধতি সম্পর্কে আরও।


  1. জাভাস্ক্রিপ্ট পপ পদ্ধতি:এটি কী এবং কীভাবে এটি ব্যবহার করবেন

  2. কিভাবে জাভাস্ক্রিপ্ট অ্যারে কমাতে?

  3. কিভাবে আমরা জাভাস্ক্রিপ্ট এ অবজেক্ট ধারণকারী অ্যারের অ্যারের মাধ্যমে লুপ করব?

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