জাভাস্ক্রিপ্ট স্প্রেড অপারেটর:একটি গাইড

অ্যাভাস্ক্রিপ্ট স্প্রেড অপারেটর সিনট্যাক্সে একটি অ্যারে প্রসারিত করে যা আর্গুমেন্ট গ্রহণ করে। স্প্রেড অপারেটরটি সাধারণত বস্তুর নকল করতে, অ্যারে মার্জ করতে বা একটি ফাংশনে একটি তালিকার বিষয়বস্তু পাস করতে ব্যবহৃত হয়৷

স্প্রেড অপারেটর। না, টোস্টের সাথে এর কোন সম্পর্ক নেই। জাভাস্ক্রিপ্টে, স্প্রেড অপারেটরের একটি নির্দিষ্ট অর্থ রয়েছে:এটি একটি পুনরাবৃত্তিযোগ্য বস্তুর বিষয়বস্তু অ্যাক্সেস করার একটি উপায়। যদিও এটি টোস্টে স্প্রেড পেস্ট করার মতো মজার নাও হতে পারে, এটি সম্পর্কে জানার জন্য এটি একটি অবিশ্বাস্যভাবে দরকারী টুল।

এই গাইডে, আমরা জাভাস্ক্রিপ্ট স্প্রেড অপারেটর এবং এটি কীভাবে কাজ করে সে সম্পর্কে কথা বলতে যাচ্ছি। আপনাকে শুরু করতে সাহায্য করার জন্য আমরা সাধারণ ব্যবহারের ক্ষেত্রে কয়েকটি উদাহরণের মাধ্যমে হেঁটে যাব।

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

একটি জাভাস্ক্রিপ্ট স্প্রেড অপারেটর আপনাকে একটি পুনরাবৃত্তিযোগ্য বস্তুর বিষয়বস্তু অ্যাক্সেস করতে দেয়। স্প্রেড অপারেটর হল তিনটি বিন্দুর একটি সেট (একটি উপবৃত্ত) যার পরে আপনি অ্যাক্সেস করতে চান এমন পুনরাবৃত্তির নাম। এই অপারেটরটি জাভাস্ক্রিপ্ট ES6 এ চালু করা হয়েছিল।

তিন ধরনের পুনরাবৃত্তিযোগ্য বস্তু হল অ্যারে, অবজেক্ট লিটারেল এবং স্ট্রিং। একটি লুপ ব্যবহার করে, আপনি এই সমস্ত ধরণের ডেটা লুপ করতে পারেন এবং সেগুলিতে একটি সাধারণ প্রক্রিয়া চালাতে পারেন৷

পুনরাবৃত্তিযোগ্য বস্তুগুলি দরকারী কারণ আপনি তাদের উপর একই প্রক্রিয়া একাধিকবার চালাতে পারেন। আপনি একটি স্ট্রিং মাধ্যমে লুপ এবং নির্দিষ্ট অক্ষর প্রতিস্থাপন করতে পারেন. আপনি একটি অ্যারের মাধ্যমে লুপ করতে পারেন এবং অ্যারেতে সংরক্ষিত সমস্ত মান তৈরি করতে পারেন৷

স্প্রেড অপারেটরের সিনট্যাক্স হল:

var names = ["John", "Lisa", "Harry"];
var new_names = [...names, "Leslie"];
console.log(new_names);

এই সিনট্যাক্সে, আমরা আমাদের "নাম" তালিকার বিষয়বস্তু "নতুন_নাম" নামক একটি তালিকায় পাস করতে …নাম ব্যবহার করি। "নতুন_নাম" তালিকায় "নাম" তালিকার সমস্ত আইটেম রয়েছে, সেইসাথে একটি নতুন নাম:লেসলি৷

81% অংশগ্রহণকারী বলেছেন যে তারা বুটক্যাম্পে যোগ দেওয়ার পরে তাদের প্রযুক্তিগত কাজের সম্ভাবনা সম্পর্কে আরও আত্মবিশ্বাসী বোধ করেছেন। আজই একটি বুটক্যাম্পের সাথে মিলিত হন৷

গড় বুটক্যাম্প গ্র্যাড একটি বুটক্যাম্প শুরু করা থেকে শুরু করে তাদের প্রথম চাকরি খোঁজা পর্যন্ত ক্যারিয়ারের পরিবর্তনে ছয় মাসেরও কম সময় কাটিয়েছে।

স্প্রেড অপারেটরের জন্য তিনটি সাধারণ ব্যবহারের ক্ষেত্রে হল:

• একটি পুনরাবৃত্তিযোগ্য এর একটি অনুলিপি তৈরি করুন।
• একটি নতুন পুনরাবৃত্তিযোগ্য আইটেম যোগ করুন।
• একটি ফাংশনে আর্গুমেন্টের একটি তালিকা পাস করুন।

স্প্রেড সিনট্যাক্স একটি তালিকার সমস্ত পৃথক উপাদান উপস্থাপন করে।

স্প্রেড অপারেটর জাভাস্ক্রিপ্ট:একটি পুনরাবৃত্তিযোগ্য এর একটি অনুলিপি তৈরি করুন

স্প্রেড অপারেটর একটি পুনরাবৃত্তিযোগ্য নকল করার একটি কার্যকর পদ্ধতি। এই সমস্যাটির সাথে যোগাযোগ করার অন্যান্য উপায় থাকলেও, স্প্রেড অপারেটরটি ব্যবহার করা সত্যিই সহজ। একটি পুনরাবৃত্তিযোগ্য একটি অনুলিপি তৈরি করতে, তিনটি বিন্দু এবং আপনি যে অ্যারের নাম তৈরি করতে চান সেটি নির্দিষ্ট করুন৷

আমাদের শেষ উদাহরণে, আমরা দেখিয়েছি কিভাবে এটি একটি অ্যারের সাথে কাজ করে। আমরা জাভাস্ক্রিপ্ট অবজেক্টের নকল করতে স্প্রেড অপারেটর ব্যবহার করতে পারি:

const lemon_drizzle = {
	name: "Lemon Drizzle",
	price: 1.95,
	vegan: true
}

const new_lemon_drizzle = {...lemon_drizzle};
console.log(new_lemon_drizzle);

আমাদের কোড জাভাস্ক্রিপ্ট কনসোলে নিম্নলিখিতগুলি প্রিন্ট করে:

{ name: "Lemon Drizzle", price: 1.95, vegan: true }

এই উদাহরণে আমাদের কিছু গুরুত্বপূর্ণ পার্থক্য করতে হবে। আমরা একটি জাভাস্ক্রিপ্ট অবজেক্টের একটি অনুলিপি তৈরি করছি। এর মানে হল যে আমাদের বর্গাকার বন্ধনী ([]) এর পরিবর্তে কোঁকড়া বন্ধনী ({}) ব্যবহার করতে হবে।

দ্বিতীয়ত, একটি একক অ্যারে নির্দিষ্ট করার পরিবর্তে, আমরা একটি বস্তু নির্দিষ্ট করেছি। এই বস্তুটিতে তিনটি কী এবং মান রয়েছে, যার প্রতিটি আমাদের "লেমন ড্রিজল" কাপকেকের সাথে সম্পর্কিত৷

জাভাস্ক্রিপ্ট ছড়িয়ে দিন:একটি নতুন পুনরাবৃত্তিযোগ্য আইটেম যোগ করুন

স্প্রেড অপারেটরের ব্যবহারের ক্ষেত্রে পুনরাবৃত্তির অনুলিপি করা বন্ধ হয় না! অন্বেষণ করতে আরো আছে. স্প্রেড অপারেটরটি সাধারণত একটি পুনরাবৃত্তিযোগ্য থেকে পরবর্তী আইটেম যোগ করতে ব্যবহৃত হয়। নিম্নলিখিত উদাহরণ বিবেচনা করুন:

const cupcakes = [
	'Lemon Drizzle',
	'Chocolate Chip',
	'Vanilla Iced'
];

const new_cupcakes = [...cupcakes, 'Red Velvet', 'Raspberry Dark Chocolate'];
console.log(new_cupcakes);

আমাদের কোড রিটার্ন করে:

["Lemon Drizzle", "Chocolate Chip", "Vanilla Iced", "Red Velvet", "Raspberry Dark Chocolate"]

আমরা "new_cupcakes" নামে আমাদের আসল জাভাস্ক্রিপ্ট অ্যারের একটি অনুলিপি তৈরি করেছি, এতে আমাদের তৈরি করা কিছু অতিরিক্ত মানও রয়েছে৷

আপনি একই সিনট্যাক্স ব্যবহার করতে পারেন পাশাপাশি দুটি পুনরাবৃত্তিযোগ্য একত্রিত করতে। আপনাকে যা করতে হবে তা হল স্প্রেড অপারেটর ব্যবহার করে বর্গাকার বন্ধনীর ভিতরে দুটি পুনরাবৃত্তিযোগ্য উল্লেখ করুন:

const old_menu = [
	'Lemon Drizzle',
	'Chocolate Chip',
	'Vanilla Iced'
];

const new_menu = [
	'Red Velvet',
	'Raspberry Dark Chocolate'
]

const final_menu = [...old_menu, ...new_menu];
console.log(final_menu);

আমাদের কোড ফিরে আসে:

["Lemon Drizzle", "Chocolate Chip", "Vanilla Iced", "Red Velvet", "Raspberry Dark Chocolate"]

আগের মতই একই ফলাফল ফিরে এসেছে কিন্তু এবার আমরা দুটি অ্যারেকে একত্রিত করেছি।

জাভাস্ক্রিপ্ট ছড়িয়ে দিন:একটি ফাংশনে আর্গুমেন্ট পাস করা

আপনি যখন একটি জাভাস্ক্রিপ্ট ফাংশনে একাধিক আর্গুমেন্ট পাস করছেন, তখন স্প্রেড অপারেটর ব্যবহার করা সহায়ক হতে পারে। এই উদাহরণটি বিবেচনা করুন:

function placeOrder(name, order, price) {
	console.log('Name: ' + name);
	console.log('Order: ' + order);
	console.log('Price: ' + price);
}

placeOrder('Geoff', 'Red Velvet', 1.85);

আমাদের কোড ফিরে আসে:

Name: Geoff
Order: Red Velvet
Price 1.85

আমরা placeOrder নামে একটি ফাংশন ঘোষণা করেছি () যেটি তিনটি আর্গুমেন্ট নেয় এবং সেগুলিকে কনসোলে প্রিন্ট করে। প্রতিটি মানের আগে একটি লেবেল থাকে যা বর্ণনা করে যে প্রতিটি আর্গুমেন্টে কী রয়েছে৷

যদিও এই কোডটি কার্যকরী, আমরা একটি অ্যারেতে আমাদের আর্গুমেন্টগুলি নির্দিষ্ট করতে পারি এবং সেগুলিকে আমাদের ফাংশনে পাস করতে স্প্রেড অপারেটর ব্যবহার করতে পারি:

function placeOrder(name, order, price) {
	console.log('Name: ' + name);
	console.log('Order: ' + order);
	console.log('Price: ' + price);
}

const order = ['Geoff', 'Red Velvet', 1.85];

placeOrder(...order);

আমাদের কোড ফিরে আসে:

Name: Geoff
Order: Red Velvet
Price 1.85

এই কোডের আউটপুট একই, কিন্তু আমাদের কোড কাজ করার উপায় ভিন্ন। আমাদের ফাংশনে সরাসরি মান পাস করার পরিবর্তে, আমরা একটি তালিকায় সেই মানগুলি নির্দিষ্ট করি। তারপরে আমরা আমাদের ফাংশনে সেই মানগুলি পাস করতে স্প্রেড অপারেটর ব্যবহার করি।

উপসংহার

স্প্রেড অপারেটর জাভাস্ক্রিপ্ট জুড়ে ব্যাপকভাবে ব্যবহৃত হয়। এটি পুনরাবৃত্তিযোগ্য বস্তু অনুলিপি করা, একটি নতুন পুনরাবৃত্তিযোগ্য আইটেম যোগ করা এবং একটি ফাংশনে আর্গুমেন্ট পাস করা সহজ করে তোলে। স্প্রেড অপারেটরের জন্য সিনট্যাক্স হল তিনটি বিন্দু, তার পরে পুনরাবৃত্তিযোগ্য বস্তু যা আপনি অ্যাক্সেস করতে চান৷

এখন আপনি একজন পেশাদারের মতো জাভাস্ক্রিপ্ট স্প্রেড অপারেটর ব্যবহার শুরু করতে প্রস্তুত!

শীর্ষ জাভাস্ক্রিপ্ট শেখার সংস্থান, বই এবং কোর্স সম্পর্কে পরামর্শের জন্য, আমাদের জাভাস্ক্রিপ্ট কীভাবে শিখবেন নিবন্ধটি দেখুন।