JavaScript এর slice() মেথড: সম্পূর্ণ টিউটোরিয়াল
JavaScript এ slice() মেথড খুবই গুরুত্বপূর্ণ এবং ব্যবহারিক একটি ফাংশন যা অ্যারে বা স্ট্রিং এর নির্দিষ্ট অংশ কেটে নিয়ে নতুন একটি অ্যারে বা স্ট্রিং তৈরি করে। এই টিউটোরিয়ালে আমরা slice() মেথডের কাজ করার পদ্ধতি, সিনট্যাক্স, উদাহরণ এবং কিছু গুরুত্বপূর্ণ টিপস বিশদভাবে আলোচনা করবো।
১. slice() মেথড কি?
slice() হলো একটি মেথড যা মূল অ্যারে বা স্ট্রিং কে পরিবর্তন না করে (non-destructive) নির্দিষ্ট সূচক থেকে সূচক পর্যন্ত উপাদান বা অক্ষর কেটে নতুন একটি অ্যারে বা স্ট্রিং রিটার্ন করে। অর্থাৎ এটি মূল ডাটা থেকে একটি শুকনো অংশ কেটে নিয়ে আসে।
২. সিনট্যাক্স
| ব্যবহার | বর্ণনা |
|---|---|
array.slice(start, end) |
অ্যারের অংশ কেটে নতুন অ্যারে তৈরি করে। start অন্তর্ভুক্ত, end বাদ। |
string.slice(start, end) |
স্ট্রিং থেকে অংশ কেটে নতুন স্ট্রিং তৈরি করে। start অন্তর্ভুক্ত, end বাদ। |
start হলো সূচক (ইনডেক্স) যেখান থেকে কাটতে শুরু করবে। এটি অন্তর্ভুক্ত।
end হলো সূচক যেখানে কাটার কাজ শেষ হবে, কিন্তু এই সূচকটি অন্তর্ভুক্ত হবে না। যদি end না দেওয়া হয়, তাহলে শেষ পর্যন্ত কাটবে।
৩. array.slice() এর উদাহরণ
<script> let fruits = ['আম', 'কলা', 'আমড়া', 'কমলা', 'লিচু', 'সাতরঙা']; // ১ম থেকে ৪র্থ উপাদান পর্যন্ত (৪র্থ বাদ) let citrus = fruits.slice(1, 4); console.log(citrus); // Output: ['কলা', 'আমড়া', 'কমলা'] // শুরু থেকে ৩য় উপাদান পর্যন্ত (৩য় বাদ) let firstThree = fruits.slice(0, 3); console.log(firstThree); // Output: ['আম', 'কলা', 'আমড়া'] // শেষ থেকে ২য় উপাদান থেকে শেষ পর্যন্ত (নেগেটিভ ইনডেক্স) let lastTwo = fruits.slice(-2); console.log(lastTwo); // Output: ['লিচু', 'সাতরঙা'] </script>
৪. string.slice() এর উদাহরণ
<script> let sentence = "বাংলা ভাষা খুবই সুন্দর"; // ৬র্থ থেকে ১১তম অক্ষর পর্যন্ত (১১ বাদ) let part = sentence.slice(5, 11); console.log(part); // Output: "ভাষা খুবই" // শুরু থেকে ৫ম অক্ষর পর্যন্ত (৫ বাদ) let firstPart = sentence.slice(0, 5); console.log(firstPart); // Output: "বাংলা" // শেষ থেকে ৫ অক্ষর পর্যন্ত let lastPart = sentence.slice(-5); console.log(lastPart); // Output: "সুন্দর" </script>
৫. slice() এর কিছু গুরুত্বপূর্ণ বৈশিষ্ট্য
- মূল অ্যারে বা স্ট্রিং অপরিবর্তিত থাকে। slice() একটি নতুন কপি রিটার্ন করে।
- নেগেটিভ ইনডেক্স ব্যবহার করা যায়। -1 মানে শেষ উপাদান, -2 মানে শেষ থেকে দ্বিতীয় উপাদান ইত্যাদি।
- end ইনডেক্স বাদ দেওয়া হয়। অর্থাৎ slice(2, 5) হলে উপাদানগুলি ২,৩,৪ হবে, ৫ হবে না।
- end ইনডেক্স না দিলে শেষ পর্যন্ত কাটবে।
- start ইনডেক্স যদি বড় হয় end এর থেকে, তাহলে খালি অ্যারে রিটার্ন হয়।
৬. slice() বনাম splice() পার্থক্য
| slice() | splice() |
|---|---|
| মূল অ্যারে অপরিবর্তিত রাখে। | মূল অ্যারে থেকে উপাদান সরিয়ে ফেলে বা পরিবর্তন করে। |
| নতুন একটি কপি (সাব-অ্যারে) তৈরি করে। | সরানো বা যোগ করা উপাদানের উপর ভিত্তি করে মূল অ্যারে পরিবর্তিত হয়। |
| শুধুমাত্র কাটার জন্য। | কাটার পাশাপাশি নতুন উপাদান যোগ করতে পারে। |
৭. slice() এর ব্যবহারিক প্রয়োগ
- অ্যারে বা স্ট্রিং এর একটি নির্দিষ্ট অংশ আলাদা করে প্রক্রিয়াকরণ করার জন্য।
- ডেটা ট্রান্সফর্মেশন এবং ফিল্টার করার ক্ষেত্রে।
- কোনো দীর্ঘ স্ট্রিং থেকে সাবস্ট্রিং বের করার জন্য।
- ইউজার ইনপুটের নির্দিষ্ট অংশ নিয়ে কাজ করার জন্য।
- UI এ লিস্ট বা টেক্সটের কিছু অংশ দেখানোর জন্য।
৮. কোড ব্লকে slice() প্র্যাক্টিস
<script>
function demoSlice() {
let names = ['রাহুল', 'সুমন', 'রিমি', 'নাহিদ', 'তাসনিম'];
// ২য় থেকে ৪র্থ নাম (৪র্থ বাদ)
let selected = names.slice(1, 3);
console.log(selected); // ['সুমন', 'রিমি']
// শেষ থেকে ২ নাম
let lastNames = names.slice(-2);
console.log(lastNames); // ['নাহিদ', 'তাসনিম']
}
demoSlice();
</script>
৯. উপসংহার
JavaScript এর slice() মেথড খুবই দরকারি একটি ফাংশন যা ডাটা থেকে নির্দিষ্ট অংশ আলাদা করে নতুন কপি তৈরিতে ব্যবহৃত হয়। এটি মূল অ্যারে বা স্ট্রিং কে অপরিবর্তিত রাখে এবং প্রায়শই ডাটা ম্যানিপুলেশনে ব্যবহৃত হয়। আপনি যদি জাভাস্ক্রিপ্টে ডাটা থেকে অংশবিশেষ বের করতে চান, তাহলে slice() আপনার অন্যতম সেরা হাতিয়ার হবে।