JavaScript Array Methods (Part-2):

BTW, যারা এখনো এই article এর Part-1 পড় নাই তারা এখান থেকে পড়ে নিন। আগের article এ array সম্পর্কে এবং ৬ টি গরুত্বপূর্ণ array method নিয়ে আলোচনা করেছিলাম। আজকে আরো কিছু method সম্পর্কে জানা যাক:

7. Array map() method: এটি array এর প্রত্যেকটি element এর callback function এর result নিয়ে একটা নতুন একটি array তৈরি করে। প্রত্যেকটি element এর জন্য যে callback function execute হবে সেটা ৩ টা argument নেয়। ১ম টা currentValue, ২য় টা index এবং ৩য় টা সম্পূর্ণ array.

E.g. map() এর সাহায্যে একটা array এর প্রত্যেকটা element double করে ওই double element গুলা নতুন array তে পাওয়ার জন্য:

var arr = [1, 2, 3, 4, 5]
var doubleArr = arr.map(function(currentValue) {return currentValue*2 })
// doubleArr => [2, 4, 6, 8, 10]

আবার ES6 এর arrow function ব্যবহার করলে:

var doubleArr = arr.map(currentValue => currentValue*2 )
// doubleArr => [2, 4, 6, 8, 10]

8. Array filter() method: এটি array এর প্রত্যেকটি element এর জন্য execute হওয়া callback function দ্বারা implement করা test এ pass(উত্তীর্ণ) করা সকল উপাদানগুলির সাথে একটি নতুন array তৈরি করে। সোজা কোথায়, কোনো array এর particular element গুলা filter out করার জন্য filter() method ব্যাবহার করা হয়। উদাহরণ স্বরূপ, ধরি আমাদের কাছে একটা integer number এর array আছে যার কিছু এলিমেন্ট positive এবং কিছু negative. এখন আমাদের positive number গুলা filter out করে শুধু positive number গুলা নিয়ে নতুন array তৈরী করতে হবে। আমরা জানি শূন্য(০) এর বড় সকল number positive. এবার কোড করা যাক:

var integers = [2, -1, 8, 23, -11, 3, 7, -9, -13]
var positiveNums = integers.filter(currentValue => currentValue > 0)
//positiveNums => [2, 8, 23, 3, 7]

9. Array find() method: এটি array এর প্রত্যেকটি element এর জন্য execute হওয়া callback function দ্বারা implement করা test বা condition এ প্রথম যে element টি pass(উত্তীর্ণ) হবে সেটা return করে। অর্থাৎ আমাদের কাছে যদি 1–5 পর্যন্ত সংখ্যার একটা array থাকে এবং এটিতে find() method implement করে callback function এর condition টা এরকম দেই যে, current value যদি 3 এর থেকে বড় হয় তাহলে সেটা return করবে। 1–5 এর array টিতে 3 এর বড় হচ্ছে 4, 5। কিন্তু find method এ প্রথমে যেটা condition pass করবে সেটাই return করবে। অর্থাৎ 4।

var nums = [1, 2, 3, 4, 5]
var getterThan3 = nums.find(currentValue => currentValue > 3)
// getterThan3 => 4

10. Array forEach() method: এই method টি array এর প্রত্যেকটি element এর জন্য একবার করে method টি দ্বারা provided callback function execute করে। কিছুটা traditional for লুপ এর মতো।

E.g: একটা array এর সবগুলা element log করার জন্য:

var nums = [1,2,3, 4, 5]
nums.forEach(currentValue => {
    console.log(currentValue
} )
// 1, 2, 3, 4, 5

11. Array concat() method: Method টি ২টি বা আরো বেশি array গুলোকে নতুন একটি array তে merge করার জন্য ব্যাবহার করা হয়। ধরুন, আপনার কাছে ২,৩ array আছে এখন আপনি সবগুলা array কে একটা নতুন array তে merge বা রূপান্তরিত করতে চান তাহলে:

var arr1 = [1, 2]
var arr2 = [3, 4]
var arr3 = [5, 6]
var merge = arr1.concat(arr2, arr3)
// merge => [1, 2, 3, 4, 5, 6]

12. Array includes() method: মেথডটিতে argument হিসেবে pass করা element টি প্রদত্ত array তে রয়েছে কিনা তা check করে। যদি থাকে তাহলে true, না থাকলে false return করে।

E.g. var nums = [1, 2, 3, 4, 5]
var hasThree = nums.includes(3)
// hasThree => true

13. Array indexOf() method: এটা কিছুটা includes() method এর মতো। কিন্তু এটা includes() এর মতো indexOf() এ pass করা argument প্রদত্ত array তে আছে কিনা এটা check করে true or false return না করে যদি এটা প্রদত্ত array তে থাকে তাহলে এটা প্রথমে যে element টির সাথে match হবে সেই element এর index return করবে যেমনটা আমরা find() এ দেখেছি এবং যদি না থাকে তাহলে -1 return করবে।

var nums = [1, 2, 3, 3,4 , 5]
var indexOfElm3 = nums.indexOf(3)
var indexOfElm6 = nums.indexOf(6)
// indexOfElm3 => 2
// indexOfElm6 => -1

আজকের মতো এখানেই শেষ করি। আমি সবসময় technical বিষয়গুলা সহজভাবে এবং একটু বিশদ ভাবে আলোচনা করার চেষ্টা করি। এই আরটিকল এর পার্ট-৩ তে reduce, join, some etc. বাকি arry method গুলা নিয়ে আলোচনা করব।

ধন্যবাদ

Jisan Mia