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

জাভাস্ক্রিপ্টে স্প্রেড অপারেটর দিয়ে অ্যারে ক্লোন (clone) করার পদ্ধতি


ক্লোনিং (Cloning) মানে একটি অ্যারেকে অন্য একটি অ্যারেতে কপি (copy) করা। পুরনো দিনে slice() মেথড ব্যবহার করা হতো অ্যারে ক্লোন করার জন্য, কিন্তু ES6-এ স্প্রেড (spread) অপারেটর (...) এসে এই কাজকে সহজ করে দিয়েছে। দুটি পদ্ধতিই আলোচনা করা যাক।

slice() মেথড দিয়ে ক্লোনিং

উদাহরণ

নিচের উদাহরণে slice() মেথড ব্যবহার করে অ্যারে কপি করা হয়েছে। slice() অ্যারেকে একটি ইন্ডেক্স থেকে অন্য ইন্ডেক্স পর্যন্ত স্লাইস (slice) করে। যেহেতু কোনো ইন্ডেক্স দেওয়া হয়নি, তাই slice() মেথড পুরো অ্যারেটি স্লাইস করবে। স্লাইস করার পর স্লাইস করা অংশটি অ্যাসাইনমেন্ট অপারেটর (=) দিয়ে অন্য একটি অ্যারেতে কপি করা হয়েছে।

<html> <body>    <script>       const games = ['cricket', 'hockey', 'football','kabaddi'];       const clonegames = games.slice();       document.write(clonegames);    </script> </body> </html>

আউটপুট

cricket,hockey,football,kabaddi


স্প্রেড অপারেটর দিয়ে ক্লোনিং

ES6-এ অনেক নতুন ফিচার এসেছে, যাতে স্প্রেড অপারেটর একটি প্রধান। এই অপারেটরর অনেক ইউজ রয়েছে, ক্লোনিং হচ্ছে সেগুলোর একটি।

উদাহরণ

<html> <body>    <script>       const games = ['cricket', 'hockey', 'football','kabaddi'];       const clonegames = [...games];       document.write(clonegames);    </script> </body> </html>

আউটপুট

cricket,hockey,football,kabaddi
  1. জাভাস্ক্রিপ্ট Array slice() মেথড

  2. জাভাস্ক্রিপ্ট স্প্রেড অপারেটর

  3. জাভাস্ক্রিপ্ট ব্যবহার করে JSON অ্যারে থেকে ডেটা পড়া

  4. জাভাস্ক্রিপ্টে অ্যারে ব্যবহার করে ডাইনামিকভাবে রেডিও বাটন তৈরি করা