JavaScript Array Methods(Part-1)

Jisan Mia
3 min readJun 23, 2021

বহুকাল আগের ঘটনা, এক বিকেলে আমার বিস্কুট খাইতে মন চাইলো। তাই কাকার দোকানে গিয়ে ১৫ টাকা দিয়া এক প্যাকেট বিস্কুট নিলাম। প্যাকেট খোলা মাত্র দেখতে পেলাম অনেকগুলা বিস্কুট সারি সারি করে সাজানো রয়েছে। আমার মনে পরে গেলো প্রোগ্রামিং দুনিয়ার বিখ্যাত সেই Array এর কথা, অতংপর আবিষ্কার করে ফেললাম বিস্কুটের প্যাকেটের সাথে Array এর সেই ঐতিহাসিক সম্পর্ক।

তাহলে জানা যাক array সম্পর্কে?

অনেকগুলো জিনিসের সমষ্টিকে প্রোগ্রামিং এর ভাষায় collection বা list বা array বলে। একটা single varialbe এ অনেকগুলো value রাখার জন্য array ব্যবহার করা হয়। অর্থাৎ array হচ্ছে একটি বিশেষ variable যা একই সাথে/সময় একাধিক value store করে রাখতে পারে। ঠিক যেমন একটা বিস্কুট এর প্যাকেটে অনেকগুলো বিস্কুট থাকে।

=> এখন প্রশ্ন হলো কিভাবে আমরা একটা array declare এবং এর মধ্যে value assign করতে পারি? তাহলে জানা যাক :

i ) প্রথমে ভ্যারিয়েবল keyword var/let/const লিখি

ii ) array এর একটা নাম লিখি এবং equal (=) দেই

iii ) তারপর Third Bracket ([])

iv ) এখন এই bracket ([]) এর ভিতর আমাদের যেকয়টা ভ্যালু প্রয়োজন তা কমা(,) দিয়ে আলাদা করে লিখলেই হয়ে যাবে।

For example: আমার ৫জন বন্ধুর বয়স একটা array তে store করে রাখার জন্য যা করতে হবে:

var friendsAge = [17, 19, 21, 16, 20];

Array এর ক্ষেত্রে গরুত্বপূর্ণ একটা বিষয় মনে রাখতে হবে সেটা হলো :

from geekforgeeks

Array এর position number বা index সবসময় শূন্য(0) থেকে শুরু হয়। এরপর পরবর্তী element গুলোর index এর value এক এক করে বাড়বে। অর্থাৎ একটা array এর প্রথম element এর index হবে শূন্য(0), দ্বিতীয় element এর index 1, তৃতীয় element এর , এভাবে চলতে থাকবে।

=> Index position ব্যাবহার করে friendsAge array এর প্রথমে age access এবং দ্বিতীয় age change বা update করার জন্য :

var firstFriendAge = friendsAge[0] // return = 17friendsAge[1] = 15 // friendsAge = [17, 15, 21, 16, 20]

এবার অত্যাধিক ব্যাবহৃত JavaScript Array এর কিছু Method সম্পর্কে জানা যাক।

  1. Array push(item1, item2,..) method : এটি array এর শেষে এক বা একধিক item/element অ্যাড করার জন্য ব্যাবহার করা হয়। E.g:
friendsAge.push(14, 15)// friendsAge = [17,19, 21,16, 20,14,15]

2. Array pop() method : Array এর শেষের element টি remove করার জন্য এটি ব্যাবহার করা হয়। E.g:

friendsAge.pop()// friendsAge = [17,19, 21,16, 20,14]

3. Array shift() method : Array এর প্রথম element টি remove করার জন্য এটি ব্যাবহার করা হয়। E.g:

friendsAge.shift()// friendsAge = [19, 21,16, 20,14]

4. Array unshift(item1, item2,..) method : এটি array এর প্রথমে এক বা একধিক element অ্যাড করার জন্য ব্যাবহার করা হয়। E.g:

friendsAge.push(23)// friendsAge = [23,19, 21,16, 20,14]

5. Array sort() method : Array এর সকল element বর্ণানুক্রমিকভাবে ছোট থেকে বড় ক্রমানুসারে সাজানোর জন্য এটি ব্যাবহার করা হয়। অর্থাৎ [‘c’, ‘a’,’b’].sort() করলে [“a”, “b”, “c”] return করবে।

  • আবার অনেকগুলো number এর array sort(ছোট থেকে বড়) করতে চাইলে sort() method By default array এর number item গুলো string হিসেবে sort করবে। অর্থাৎ [22, 100].sort() করলে item গুলো string([‘20’, ‘100’]) হিসেবে sort হয়ে [100,22] return করবে কেননা ‘2’ ,’1' এর থেকে বড় (‘2’>’1' )
  • আমরা number array sort করার সময় এই problem fix করার জন্য sort() এর ভিতরে compare function ব্যাবহার করতে পারি যার মাদ্ধমে আমাদের কাঙ্খিত result পেতে পারি। E.g:
friendsAge.sort(function(a, b) { return a-b})// friendsAge =[14, 16, 19, 20, 21, 23]

6. Array reverse() method : Array এর element গুলোর ক্রোম উল্টো করার জন্য এটি ব্যাবহার করা হয়। E.g:

friendsAge.reverse()// friendsAge =[23, 21, 20, 19, 16, 14]

আজকের মতো এপর্যন্তই, এই লিখার Part-২ তে array এর অন্যান্য method যেমন, map, filter, reduce এর মতো বাকি গরুত্বপূর্ণ method সম্পর্কে জানবো।

আর হ্যা, Array এবং বিস্কুটের প্যাকেটের ঐতিহাসিক সম্পর্কটাকে seriously নেওয়ার কিছু নাই।

- Jisan

--

--

Jisan Mia

Documenting technical stuffs to get more clarification about the topic I’m learning.