push pop-এর পুষ্পা
মানুষ বদলায়। কারণে-অকারণে বলদায়। নিজে নিজে বদলাতে না পারলে চাপে পড়ে বদলায়। একইভাবে পরিবার বদলায়। পরিবারে নতুন সদস্য জন্ম নেয়। আবার বয়স্ক মানুষ পৃথিবী ছেড়ে চিরতরে বিদায় নেয়। একইভাবে দরকার হলে অ্যারেও বদলাতে পারে। সেটাতে নতুন উপাদান যোগ হতে পারে। নতুন এক বা একাধিক উপাদান যোগ হতে পারে। আবার উপাদান বের করে দেয়া লাগতেও পারে।
এই জিনিসগুলোই ফটাফট দেখে ফেলি। তার আগে একটি অ্যারে ডিক্লেয়ার করে ফেল:
const numbers = [12, 87, 98, 45];এখন যদি তোর অ্যারেতে আরও উপাদান যোগ করার প্রয়োজন হয়, তখন তুই সেটা কীভাবে করবি?
অ্যারেটাকে একটা লাইনের সাথে তুলনা করতে পারস। হতে পারে বাস বা ট্রেনের টিকেট কাটার লাইন কিংবা বাথরুমে যাওয়ার লাইন। এখন এই লাইনে সে কোথায় দাঁড়াবে। স্বাভাবিকভাবেই সে লাইনে আগে থেকে যত জন আছে, সে গিয়ে তাদের পিছনে দাঁড়াবে। অর্থাৎ নতুন যে লাইনে দাঁড়াতে আসবে, সে লাইনের একদম লাস্ট ব্যক্তি হিসেবে লাইনে দাঁড়াবে। একইভাবে অ্যারের মধ্যে যখনই উপাদান যোগ করতে যাবি, তখন সে অ্যারের মধ্যে লাস্ট উপাদান হিসেবে যোগ হবে।
আর অ্যারের মধ্যে উপাদান যোগ করার জন্য সেই অ্যারের মধ্যে ধাক্কাই ধাক্কাই ঠেলে ঠেলে উপাদানকে push করতে হবে। এই পুশ করার জন্য, যে অ্যারের মধ্যে উপাদান পুশ করবি, সেটার নাম লিখে তারপর ডট চিহ্ন (.) দিবি। এরপর push লিখে দুইটা ব্র্যাকেট দিবি। তারপর সেই ব্র্যাকেটের ভিতরে যে উপাদান যোগ করবি, সেটা লিখবি। অনেকটা নিচের মতো করে। তাহলে সেই উপাদান অ্যারের মধ্যে যোগ হয়ে যাবে।
const numbers = [12, 87, 98, 45];
numbers.push(44);
console.log(numbers);
Output: [12, 87, 98, 45, 44]এভাবে push() ব্যবহার করে একসাথে একাধিক উপাদানও যোগ করা যায়:
const numbers = [12, 87, 98, 45];
numbers.push(44, 65, 98, 11, 9);
console.log(numbers);
Output: [12, 87, 98, 45, 44, 65, 98, 11, 9]এই সিস্টেমে যেকোনো অ্যারেতে উপাদান যোগ করতে পারবি:
const friends = ['balam', 'kalam', 'salam'];
friends.push('khailam');
console.log(friends);
Output: ['balam', 'kalam', 'salam', 'khailam']এতক্ষণ পর্যন্ত আমরা push() ব্যবহার করে উপাদান অ্যাড করার পদ্ধতি শিখেছি। এখন pop() মেথড ব্যবহার করে উপাদান রিমুভ করা শিখব।
ললি POP
ছোটবেলায় আমাদের স্কুলে ললিপপ খাওয়া নিষেধ ছিল। কেউ ললিপপ খেয়ে জিহ্বা লাল করে ফেললে টিচার তাকে ক্লাস থেকে বের করে দিত।
এখন অনেক সময় দেখি, পাতি নেতা এসে লাইনে সবার লাস্টে যে আছে, তাকে বলল— তুই ফুট। যা ভাগ। এই শুনে একদম লাস্টে যে আছে, সে দৌড়ে পালিয়ে গেল। একইভাবে কোনো অ্যারের নামের পরে pop বললে তার সবশেষ উপাদান অ্যারে থেকে বের হয়ে যায়।
const friends = ['balam', 'kalam', 'salam', 'gelam', 'pailam'];
friends.pop();
console.log(friends);
Output: ['balam', 'kalam', 'salam', 'gelam']ওপরে আমরা দেখেছি, pop() মেথড সর্বশেষ উপাদানটি রিমুভ করে। এখন যদি আবার pop() করি, তাহলে এখন যে উপাদান একদম সবার শেষে আছে, সে বের হয়ে যাবে।
const friends = ['balam', 'kalam', 'salam', 'gelam'];
friends.pop();
console.log(friends);
Output: ['balam', 'kalam', 'salam']এভাবে আমরা যেকোনো অ্যারের সর্বশেষ উপাদানটি রিমুভ করতে পারি। এ ছাড়া, pop() করা উপাদানকে ভেরিয়েবলের মধ্যে স্টোর করেও রাখতে পারি:
const friends = ['balam', 'kalam', 'salam', 'gelam'];
const pop1 = friends.pop();
console.log(pop1);
Output: 'gelam'এতক্ষণ ধরে আমরা push() এবং pop() মেথড শিখিছি। এই দুইটি মেথডের মধ্যে একটি কমন জিনিস আছে— যখন উপাদান অ্যাড করা হয়, তখন সেটি সর্বশেষে যোগ হয় এবং যখন রিমুভ করা হয়, তখন সেটি সর্বশেষ উপাদানটি রিমুভ করে।
সামনে থেকে বের হয়ে যাও
তুই যদি বলিস, ভাই, বাথরুমের লাইনে দাঁড়ায় আছি। এখন বাথরুম খালি হলে তো একদম সবার লাস্টের জনকে লাইন থেকে pop করলে হবে না; বরং লাইনের একদম সবার সামনেরজন বের হয়ে বাথরুমে যাবে। সে ক্ষেত্রে কী করব। এইটার উত্তর হচ্ছে pop ইউজ না করে সেইমভাবে shift ইউজ করতে হবে।
const friends = ['balam', 'kalam', 'salam', 'gelam', 'pailam'];
friends.shift();
console.log(friends);
Output: ['kalam', 'salam', 'gelam', 'pailam']আবার যদি বলিস, আমরা লাইনে দাঁড়ায় আছি, ঠিক সেই মুহূর্তে হেডমাস্টার স্যার চলে আসছেন। এখন স্যার তো সবার পিছনে দাঁড়াবেন না; বরং স্যার একদম এসেই লাইনে সবার আগে দাঁড়ায় যাবেন বা আমরা সম্মান করে স্যারকে সবার আগে দাঁড়াতে বলব। এইটা কীভাবে করব?
এইটারও উত্তর হচ্ছে unshift ইউজ করবি।
const teachers= ['Assistant sir', 'Class sir', 'PT Sir'];
teachers.unshift('Head sir');
console.log(teachers);
Output: ['Head sir', 'Assistant sir', 'Class sir', 'PT Sir']JavaScript Push-Pop Methods Practice:
- সংখ্যার একটা অ্যারে আছে: [10, 20, 30, 40, 50]। এখন এই অ্যারেতে 60 যোগ করে অ্যারেটি আউটপুটে দেখা।
- তুই কিছু নাম লিখে রাখছিস অ্যারেতে: 'সজিব', 'সাগর', 'সাকিব', 'সোহেল'। এখন তোর মনে হলো নতুন বন্ধু 'সুমন'কে এই অ্যারেতে যোগ করতে হবে। একটা প্রোগ্রাম লিখে দেখ, সুমনকে সবার শেষে যোগ কর।
- তোর মোবাইলে যে যে গেম ইনস্টল করা আছে, সেগুলা একটা অ্যারেতে রাখ। তারপর সবার শেষে যে গেমের নাম দেয়া আছে, সেটা রিমুভ করে ফেল। এরপর তোর অ্যারেতে কী কী গেম বাকি রইল, সেগুলা আউটপুট হিসেবে দেখা।
- এই অ্যারেতে [24, 36, 48, 60]। একদম প্রথম উপাদান হিসেবে 12-কে যোগ করে পুরা অ্যারেটা আউটপুট হিসেবে দেখা।
- তোর কাছে 5টি বইয়ের নাম দিয়ে একটা অ্যারে আছে। এখন তুই সবার প্রথম বইটা পড়ে শেষ করে ফেলছস। তাই প্রথম বইয়ের নামটা অ্যারে থেকে রিমুভ করে ফেল। তারপর বাকি নামগুলো আউটপুটে দেখা।