JavaScript এর কিছু প্রয়োজনীয় Array method ( উদাহরণ সহ )

JavaScript এর কিছু প্রয়োজনীয় Array method ( উদাহরণ সহ )

27 ফেব্রুয়ারি 2022

জাভাস্ক্রিপ্টে কিছু Array মেথড রয়েছে। যেমন Array কে string এ কনভার্ট করা। Array তে নতুন আইটেম যোগ করা। Array থেকে কোন আইটেম সরিয়ে ফেলা সহ আরও কিছু মেথড সম্পর্কে আজ আমরা জানব। তাহলে শুরু করা যাক,

প্রথমে আমরা names নামের একটা Array নিইঃ

let names = ['shakil','fahim','arafat','najmul'] 

এখানে names নামের একটি Array নিয়েছি। যাতে কিছু নাম আছে। এখানে প্রতিটি নামকে আমরা কিন্তু এক একটি মেম্বার হিসেবে ধরতে পারি এবং প্রতিটি মেম্বার এক একটি ইনডেক্স। যদি আমি এই Array র মেম্বার গুলোকে গণনা করি তাহলে ,

১ নম্বর মেম্বার shakil ২ নম্বর মেম্বার fahim ৩ নম্বর মেম্বার arafat ৪ নম্বর মেম্বার najmul

আবার আমি যদি একই ভাবে ইনডেক্স গুলো গণনা করি তাহলে,

০ নম্বর ইনডেক্স shakil ১ নম্বর ইনডেক্স fahim ২ নম্বর ইনডেক্স arafat ৩ নম্বর ইনডেক্স najmul

গণনার এ পার্থক্য ধরতে পেরেছেন নিশ্চয়ই? মেম্বার গুলোর গণনা শুরু হলো ১ থেকে আবার ইনডেক্স গুলোর গণনা শুরু হলো ০ থেকে। ( আসলে কম্পিউটার বিজ্ঞানে গণনার শুরু টা হয় শূন্য থেকেই। ) এবার নিচের উদাহরণ টা দেখলে আশা করি ক্লিয়ার হবে বিষয় টা।

0.png

আমি কিন্তু Array নিয়ে অল্প আলোচনা করে নিলাম। এখন মেথড গুলো নিয়ে আলোচনা করা যাক। এ ক্ষেত্রে আমরা আগের নেয়া Array টাকেই কাজে লাগাবো।

push()

Array তে নতুন আইটেম যুক্ত করতে আমরা push() মেথডের সাহায্য নিতে পারি। মনে রাখার বিষয় হচ্ছে এ ক্ষেত্রে প্রতিটি এলিমেন্ট Array র শেষের দিক থেকে যুক্ত হওয়া শুরু করবে। নিচের চিত্র দেখিঃ

arr1.png

উপরের চিত্রের rifat হচ্ছে নতুন যুক্ত হওয়া Array এলিমেন্ট। তাকে পুর্বের Array তে যুক্ত করা হয়েছে। নিচের উদাহরণের মাধ্যমে।

let names = ['shakil','fahim','arafat','najmul']
names.push('rifat');
console.log(names);
// [ 'shakil', 'fahim', 'arafat', 'najmul', 'rifat' ]

উপরের প্রোগ্রামে names নামের একটা Array নেয়া হয়েছে এবং তাতে কিছু এলিমেন্ট যুক্ত করা হয়েছে। এরপর push() মেথড ব্যবহার করে rifat কে Array তে যুক্ত করা হয়েছে এবং তারপর আপডেট হওয়া Array কে আউটপুটে দেখার ব্যবস্থা করা হয়েছে।

pop()

javaScript এ pop() মেথডের কাজ হচ্ছে Array র একদম শেষ থেকে কোন এলিমেন্ট কে রিমুভ করা।

2.png

let names = ['shakil','fahim','arafat','najmul']
names.pop();
console.log(names);
// [ 'shakil', 'fahim', 'arafat' ]

shift()

জাভাস্ক্রিপ্টে shift() মেথড অনেকটাই push মেথডের মতোই। আমরা জানি push() মেথডে এলিমেন্ট গুলো শেষের দিকে থেকে মুছে যায় বা রিমুভ হয়ে যায়। কিন্তু, shift() মেথডের আচরণ একটু ব্যাতিক্রম। shift() মেথড Array র শুরুর দিকে থেকে এলিমেন্ট রিমুভ করে। চিত্র এবং উদাহরণ দেখিঃ

3.png

let names = ['shakil','fahim','arafat','najmul']
names.shift();
console.log(names);
// [ 'fahim', 'arafat', 'najmul' ]

unshift()

unshift() মেথডের কাজ হচ্ছে Array র শুরুর দিকের রিমুভ করা এলিমেন্ট কে ফিরিয়ে আনা বা শুরুর দিকে থেকে নতুন এলিমেন্ট কে যুক্ত করা।

4.png

let names = ['shakil','fahim','arafat','najmul']
names.unshift();
console.log(names);

Array length

জাভাস্ক্রিপ্টে length property র সাহায্য নিয়ে আমরা একটি Array কয়টি এলিমেন্ট আছে তা গণনা করতে পারি সহজেই।

5.png

let names = ['shakil','fahim','arafat','najmul'];
let len = names.length;
console.log(len);
// 4 

Changing Array Elements

আমরা যদি Array র এলিমেন্ট গুলোকে সিলেক্ট করে করে, চেঞ্জ করতে চাই তাহলে আমরা ইনডেক্সিং এর হেল্প নিতে পারি। নিচের মতো করে,

let names = ['shakil','fahim','arafat','najmul'];
names[1] = 'shakil';
console.log(names);
// [ 'shakil', 'shakil', 'arafat', 'najmul' ]

let names = ['shakil','fahim','arafat','najmul'];
names[0] = 'fahim';
names[1] = 'shakil';
console.log(names);

Concatenating / Merging Arrays

এক এর অধিক Array কে মার্জ বা কনক্যাট করতে আমরা concat() মেথডের সাহায্য নিতে পারি। নিচে উদাহরণ দেখা যাকঃ

let players1 = ['rakib','shakib','tamim'];
let players2 = ['karim','jakir','minhaz'];
let allPlayers = players1.concat(players2);
console.log(allPlayers);
// [ 'rakib', 'shakib', 'tamim', 'karim', 'jakir', 'minhaz' ]

উপরের প্রোগ্রামে খেয়াল করুন, এখানে players1 এবং players2 নামের দুটি Array আমি নিয়েছি এবং এরপর লাইন 3 এ allPlayers নামের একটি ভেরিয়েবলে আমি players1 কে players2 এর সাথে concat বা merge করেছি এবং সব শেষে allPlayers ভেরিয়েবল কে কল করেছি। ( আশা করি বুঝতে পেরেছেন );

আপনাদের মনে প্রশ্ন আসতে পারে যে, ৩ টা বা ৩ টার অধিক যদি Array কনক্যাট করতে চাই তাহলে কিভাবে করবো? এটা খুব সিম্পল একটা ব্যাপার। সব কিছু একই থাকবে শুধু কমার (,) সাহায্য নিতে হবে আমাদের। একটা উদাহরণ দেখা যাক।

let players1 = ['rakib','shakib','tamim'];
let players2 = ['karim','jakir','minhaz'];
let players3 = ['fahim','shakil','torikus'];
let players4 = ['shakil haque','toha','tajul'];
let allPlayers = players1.concat(players2, players3, players4);
console.log(allPlayers);

splice()

splice() মেথডের সাহায্যে আমরা Array তে যেকোন ইনডেক্স হতে এলিমেন্ট যুক্ত করতে পারি। এক্ষেত্রে আমাদের বলে দিতে হবে যে, কত নাম্বার ইনডেক্স থেকে আমরা নতুন এলিমেন্ট যুক্ত করবো এবং কতটি element রিমুভ করবো ও কি কি এলিমেন্ট যুক্ত করব। একটি চিত্র দেখি।

6.png

let fruits = ['banana','orange','lemon','mango','apple'];
fruits.splice(3, 0, 'kiwi','peanuts');
console.log(fruits);
// [ 'banana', 'orange', 'lemon', 'kiwi', 'peanuts', 'mango', 'apple' ]

এখানে লাইন ২ এ, fruits.splice(3, 0, ‘kiwi’,’peanuts’); দ্বারা বুঝিয়েছি যে, 3 নম্বর ইনডেক্স থেকে নতুন এলিমেন্ট গুলো যুক্ত হওয়া শুরু করবে। 0 দ্বারা বুঝিয়েছি কোন এলিমেন্ট ডিলেট হবে না এবং তারপর আমি, ‘kiwi’,’peanuts’ কে নতুন এলিমেন্ট হিসেবে দিয়েছি যা fruits Array তে যুক্ত হবে।

এবার একটু Array র এলিমেন্ট ডিলেট করার প্রসেস টা দেখি,

let fruits = ['banana','orange','lemon','mango','apple'];
fruits.splice(3, 2, 'kiwi','peanuts');
console.log(fruits);
// [ 'banana', 'orange', 'lemon', 'kiwi', 'peanuts' ]

এখানে, ৩ নম্বর ইনডেক্স থেকে ২ টা এলিমেন্ট রিমোভ হয়ে গেছে। এবং তারপর নতুন দুটো এলিমেন্ট যুক্ত হয়ে গেছে। একটু চিন্তা করলেই বুঝতে পারবেন আশা করি। আপনি যদি Array তে নতুন এলিমেন্ট যুক্ত না করেই এলিমেন্ট রিমুভ করতে চান তাহলে নিচের পদ্ধতি অবলম্বন করতে হবে।


let fruits = ['banana','orange','lemon','mango','apple'];
fruits.splice(0, 2);
console.log(fruits);
// [ 'lemon', 'mango', 'apple' 

বুঝেছেন নিশ্চয়ই?

slice()

slice() মেথড কিছুটা splice এর মত হলেও এর আলাদা বৈশিষ্ট্য আছে। slice() মেথড মেইন Array তে কোন প্রভাব ফেলে না। সে যা করে তা হচ্ছে, মেইন Array থেকে স্পেসিফিক কিছু ইনডেক্স কপি করে এবং সেগুলাকে নিয়ে একটি নতুন Array তৈরি করে। এ ক্ষেত্রে মেথডে শুরু এবং শেষ ইনডেক্স বলে দিতে হয়। উদাহরণ দেখিঃ

7.png!

let fruits = ['banana','orange','lemon','mango','apple'];
let elem = fruits.slice(2);
console.log(elem);
// [ 'lemon', 'mango', 'apple' ]

এখানে, fruits.slice(2) দ্বারা বোঝানো হয়েছে যে, ২ নাম্বার ইনডেক্স থেকে শেষ অব্দি নতুন আরেকটি Array তৈরি হবে। আমরা চাইলে এর শেষ টাও বলে দিতে পারি।

8..png

let fruits = ['banana','orange','lemon','mango','apple','kiwi','malta'];
let elem = fruits.slice(2, 5);
console.log(elem);
//[ 'lemon', 'mango', 'apple' ]

উপরের প্রোগ্রাম খেয়াল করুন, এখানে slice() মেথডের মধ্যে বলে দেয়া আছে যে কোথা থকে কপি করা শুরু করবে এবং কোথায় গিয়ে শেষ করবে। বুঝেছেন নিশ্চই।

হ্যাপি কোডিং ।