JavaScript Array Methods

জাভাস্ক্রিপ্ট অ্যারে পদ্ধতি সম্পর্কে জানুন

JavaScript Array Methods

Basic Array Methods

Complete JavaScript Array Reference

See Also:

JavaScript Array length

দৈর্ঘ্য বৈশিষ্ট্য একটি অ্যারের দৈর্ঘ্য (আকার) প্রদান করে:

উদাহরণ

const fruits = ["Banana", "Orange", "Apple", "Mango"];

let size = fruits.length;

দৈর্ঘ্যের বৈশিষ্ট্যটি একটি অ্যারের দৈর্ঘ্য সেট করতেও ব্যবহার করা যেতে পারে:

উদাহরণ

const fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.length = 2;

JavaScript Array toString()

toString() পদ্ধতি একটি অ্যারের উপাদানগুলিকে কমা-বিচ্ছিন্ন স্ট্রিং হিসাবে ফেরত দেয়।

উদাহরণ

const fruits = ["Banana", "Orange", "Apple", "Mango"];

let myList = fruits.toString();

📝দ্রষ্টব্য:

প্রতিটি জাভাস্ক্রিপ্ট অবজেক্টের একটি toString() পদ্ধতি রয়েছে।

যদি কোনো অবজেক্টকে টেক্সট হিসেবে দেখানো হয় (এইচটিএমএল-এর মতো), অথবা যদি কোনো অবজেক্টকে স্ট্রিং হিসেবে ব্যবহার করতে হয়, জাভাস্ক্রিপ্ট অভ্যন্তরীণভাবে toString() পদ্ধতি ব্যবহার করে।

JavaScript Array at()

ES2022 অ্যারে পদ্ধতি চালু করেছে():

উদাহরণ

at() ব্যবহার করে ফলের তৃতীয় উপাদান পান:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.at(2);

[] ব্যবহার করে ফলের তৃতীয় উপাদান পান:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits[2];

at() পদ্ধতি একটি অ্যারে থেকে সূচীকৃত উপাদান প্রদান করে।

at() পদ্ধতি [] এর মতই রিটার্ন করে।

Browser Support

at() একটি ES2022 বৈশিষ্ট্য।

জাভাস্ক্রিপ্ট 2022 মার্চ 2022 পর্যন্ত সমস্ত আধুনিক ব্রাউজারে সমর্থিত:

Chrome 92 Edge 92 Firefox 90 Safari 15.4 Opera 78
Apr 2021 Jul 2021 Jul 2021 Mar 2022 Aug 2021

💡দ্রষ্টব্য:

অনেক ভাষা নেতিবাচক বন্ধনী যেমন [-1] একটি বস্তু/অ্যারে/স্ট্রিং এর শেষ থেকে উপাদানগুলি অ্যাক্সেস করার অনুমতি দেয়।

জাভাস্ক্রিপ্টে এটি সম্ভব নয় কারণ অ্যারে এবং অবজেক্ট উভয় অ্যাক্সেস করতে [] ব্যবহার করা হয়। obj[-1] কী -1 এর মান বোঝায়, বস্তুর শেষ বৈশিষ্ট্য নয়।

এই সমস্যা সমাধানের জন্য ES2022 এ at() পদ্ধতি চালু করা হয়েছিল।

JavaScript Array join()

join() পদ্ধতিটি সমস্ত অ্যারের উপাদানকে একটি স্ট্রিংয়ে সংযুক্ত করে।

এটি toString() এর মতোই কাজ করে, তবে উপরন্তু আপনি একটি বিভাজক নির্দিষ্ট করতে পারেন:

উদাহরণ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");

উপসংহার:

Banana * Orange * Apple * Mango

Popping and Pushing

আপনি যখন অ্যারেগুলির সাথে কাজ করছেন, তখন উপাদানগুলি মুছে ফেলা এবং নতুন উপাদান যুক্ত করা সহজ।

এটি পপিং এবং পুশ করছে:

একটি সারি থেকে আইটেম পপিং, বা একটি সারিতে আইটেম ঠেলে.

JavaScript Array pop()

পপ() পদ্ধতি একটি অ্যারে থেকে শেষ উপাদান সরিয়ে দেয়:

উদাহরণ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();

পপ() পদ্ধতি "পপড আউট" মান প্রদান করে:

উদাহরণ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.pop();

JavaScript Array push()

পুশ() পদ্ধতি একটি অ্যারেতে একটি নতুন উপাদান যুক্ত করে (অবশেষে):

উদাহরণ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");

push() পদ্ধতি নতুন অ্যারের দৈর্ঘ্য প্রদান করে:

উদাহরণ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let length = fruits.push("Kiwi");

Shifting Elements

শিফটিং পপিং এর মতই, কিন্তু শেষের পরিবর্তে প্রথম উপাদানে কাজ করে।

JavaScript Array shift()

shift() পদ্ধতিটি প্রথম সারির উপাদানটিকে সরিয়ে দেয় এবং অন্যান্য সমস্ত উপাদানকে সর্বনিম্ন সূচকে "শিফট" করে।

উদাহরণ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();

shift() পদ্ধতিটি "shifted out" মান প্রদান করে:

উদাহরণ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.shift();

JavaScript Array unshift()

unshift() পদ্ধতি একটি অ্যারেতে একটি নতুন উপাদান যুক্ত করে (শুরুতে), এবং পুরানো উপাদানগুলিকে "আনশিফ্ট" করে:

উদাহরণ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");

unshift() পদ্ধতি নতুন অ্যারের দৈর্ঘ্য প্রদান করে:

উদাহরণ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");

Changing Elements

অ্যারে উপাদানগুলি তাদের সূচক নম্বর ব্যবহার করে অ্যাক্সেস করা হয়:

সিকোয়েন্স কোড 0 দিয়ে শুরু হয়:

উদাহরণ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";

JavaScript Array length

দৈর্ঘ্য বৈশিষ্ট্য একটি অ্যারেতে একটি নতুন উপাদান যোগ করার একটি সহজ উপায় প্রদান করে:

উদাহরণ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";

Array.isArray()

ECMAScript 5 (JavaScript 2009) জাভাস্ক্রিপ্টে একটি নতুন পদ্ধতি Array.isArray() যোগ করেছে:

উদাহরণ

Array.isArray(fruits);

JavaScript Array delete()

⚠️সতর্কতা !

ডিলিট() ব্যবহার করা অ্যারেতে অনির্ধারিত গর্ত ছেড়ে দেয়।

পরিবর্তে pop() বা shift() ব্যবহার করুন।

উদাহরণ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];

Merging Arrays (Concatenating)

প্রোগ্রামিং ল্যাঙ্গুয়েজে, কনক্যাটেনেশন হল এন্ড-টু-এন্ড স্ট্রিং এর যোগদান।

"তুষার" এবং "বল" এর সংমিশ্রণ "স্নোবল" দেয়।

অ্যারেগুলিকে সংযুক্ত করা মানে শেষ থেকে শেষ অ্যারেগুলিতে যোগদান করা৷

JavaScript Array concat()

concat() পদ্ধতি বিদ্যমান অ্যারেগুলিকে সংযুক্ত করে একটি নতুন অ্যারে তৈরি করে:

উদাহরণ (দুটি অ্যারে একত্রিত করা)

const myGirls = ["Cecilie", "Lone"];
const myBoys = ["Emil", "Tobias", "Linus"];

const myChildren = myGirls.concat(myBoys);

📝দ্রষ্টব্য:

concat() পদ্ধতি বিদ্যমান সারি পরিবর্তন করে না। এটি সর্বদা একটি নতুন সারি প্রদান করে।

concat() পদ্ধতি যেকোন সংখ্যক অ্যারে আর্গুমেন্ট নিতে পারে।

উদাহরণ (তিন অ্যারে একত্রিত করা)

const arr1 = ["Cecilie", "Lone"];
const arr2 = ["Emil", "Tobias", "Linus"];
const arr3 = ["Robin", "Morgan"];
const myChildren = arr1.concat(arr2, arr3);

concat() পদ্ধতি আর্গুমেন্ট হিসাবে স্ট্রিং নিতে পারে:

উদাহরণ (মানগুলির সাথে একটি অ্যারে মার্জ করা)

const arr1 = ["Emil", "Tobias", "Linus"];
const myChildren = arr1.concat("Peter");

Array copyWithin()

copyWithin() পদ্ধতি অ্যারের উপাদানগুলিকে অ্যারের অন্য অবস্থানে অনুলিপি করে:

উদাহরণ

সূচক 2-এ অনুলিপি করুন, সূচক 0 থেকে সমস্ত উপাদান:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.copyWithin(2, 0);

কোড 2 এ অনুলিপি করুন, কোড 0 থেকে 2 পর্যন্ত উপাদান:

const fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi"];
fruits.copyWithin(2, 0, 2);

📝দ্রষ্টব্য:

copyWithin() পদ্ধতি বিদ্যমান মান ওভাররাইট করে।

copyWithin() পদ্ধতি অ্যারেতে আইটেম যোগ করে না।

copyWithin() পদ্ধতি অ্যারের দৈর্ঘ্য পরিবর্তন করে না।

Flattening an Array

একটি অ্যারে সমতল করা একটি অ্যারের মাত্রা হ্রাস করার প্রক্রিয়া।

যখন আপনি একটি বহুমাত্রিক অ্যারেকে এক-মাত্রিক অ্যারেতে রূপান্তর করতে চান তখন সমতলকরণ কার্যকর।

JavaScript Array flat()

ES2019 অ্যারে ফ্ল্যাট() পদ্ধতি চালু করেছে।

ফ্ল্যাট() পদ্ধতি একটি নতুন অ্যারে তৈরি করে যার সাব-অ্যারে উপাদানগুলি একটি নির্দিষ্ট গভীরতার সাথে সংযুক্ত থাকে।

উদাহরণ

const myArr = [[1,2],[3,4],[5,6]];
const newArr = myArr.flat();

Browser Support

flat() হল একটি ECMAScript 2019 বৈশিষ্ট্য।

ES2019 সমস্ত আধুনিক ব্রাউজারে 2020 সালের জানুয়ারী পর্যন্ত সমর্থিত:

Chrome 66 Edge 79 Firefox 61 Safari 12 Opera 50
Apr 2018 Jan 2020 Jun 2018 Sep 2018 May 2018

JavaScript Array flatMap()

ES2019 জাভাস্ক্রিপ্টে অ্যারে ফ্ল্যাটম্যাপ() পদ্ধতি যোগ করেছে।

flatMap() পদ্ধতি প্রথমে একটি অ্যারের সমস্ত উপাদান ম্যাপ করে এবং তারপর একটি নতুন অ্যারে তৈরি করতে অ্যারেটিকে সমতল করে।

উদাহরণ

const myArr = [1, 2, 3, 4, 5, 6];
const newArr = myArr.flatMap(x => [x, x * 10]);

Browser Support

flatMap() হল একটি ECMAScript 2019 বৈশিষ্ট্য।

ES2019 সমস্ত আধুনিক ব্রাউজারে 2020 সালের জানুয়ারী পর্যন্ত সমর্থিত:

Chrome 66 Edge 79 Firefox 61 Safari 12 Opera 50
Apr 2018 Jan 2020 Jun 2018 Sep 2018 May 2018

Splicing and Slicing Arrays

splice() পদ্ধতি একটি অ্যারেতে নতুন আইটেম যোগ করে।

স্লাইস() পদ্ধতি একটি অ্যারের একটি অংশকে স্লাইস করে।

JavaScript Array splice()

একটি অ্যারেতে নতুন আইটেম যোগ করতে splice() পদ্ধতি ব্যবহার করা যেতে পারে:

উদাহরণ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

প্রথম প্যারামিটার (2) সংজ্ঞায়িত করে যে নতুন উপাদানটি কোথায় বিভক্ত করা উচিত।

দ্বিতীয় প্যারামিটার (0) কতগুলি উপাদান মুছতে হবে তা নির্ধারণ করে।

অবশিষ্ট প্যারামিটার ("লেমন", "কিউই") যোগ করা নতুন উপাদান সংজ্ঞায়িত করে।

splice() পদ্ধতিটি মুছে ফেলা আইটেমগুলির সাথে একটি অ্যারে প্রদান করে:

উদাহরণ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");

Using splice() to Remove Elements

একটি চতুর প্যারামিটার সেটিং সহ, আপনি অ্যারেতে "গর্ত" না রেখে উপাদানগুলি সরাতে splice() ব্যবহার করতে পারেন:

উদাহরণ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);

প্রথম প্যারামিটার (0) সংজ্ঞায়িত করে যেখানে নতুন উপাদানগুলিকে বিভক্ত করা উচিত।

দ্বিতীয় প্যারামিটার (1) কতগুলি উপাদান মুছে ফেলা উচিত তা নির্ধারণ করে।

অবশিষ্ট প্যারামিটার বাদ দেওয়া হয়. কোন নতুন উপাদান যোগ করা হবে না.

JavaScript Array toSpliced()

ES2023 মূল অ্যারে পরিবর্তন না করে একটি অ্যারে স্প্লাইস করার একটি নিরাপদ উপায় হিসাবে Array toSpliced() পদ্ধতি যুক্ত করেছে।

নতুন toSpliced() পদ্ধতি এবং পুরানো splice() পদ্ধতির মধ্যে পার্থক্য হল যে নতুন পদ্ধতি একটি নতুন অ্যারে তৈরি করে, মূল অ্যারে অপরিবর্তিত রেখে, যখন পুরানো পদ্ধতিটি আসল অ্যারেকে প্রতিস্থাপন করে।

উদাহরণ

const months = ["Jan", "Feb", "Mar", "Apr"];
const spliced = months.toSpliced(0, 1);

JavaScript Array slice()

slice() পদ্ধতি একটি অ্যারের একটি অংশকে একটি নতুন অ্যারেতে স্লাইস করে:

উদাহরণ

অ্যারে উপাদান 1 ("কমলা" থেকে শুরু করে একটি অ্যারের একটি বিভাগ কাটা):

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1);

📝দ্রষ্টব্য:

slice() পদ্ধতি একটি নতুন অ্যারে তৈরি করে।

স্লাইস() পদ্ধতি সোর্স অ্যারে থেকে কোনো উপাদান সরিয়ে দেয় না।

উদাহরণ

অ্যারে উপাদান 3 ("অ্যাপল") থেকে শুরু করে একটি অ্যারের অংশ কাটুন:

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(3);

স্লাইস() মেথড স্লাইস(1, 3) এর মত দুটি আর্গুমেন্ট নিতে পারে।

পদ্ধতিটি স্টার্ট আর্গুমেন্ট থেকে শেষ আর্গুমেন্ট পর্যন্ত (কিন্তু অন্তর্ভুক্ত নয়) উপাদান নির্বাচন করে।

উদাহরণ

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1, 3);

যদি চূড়ান্ত যুক্তি বাদ দেওয়া হয়, যেমন প্রথম উদাহরণে, slice() পদ্ধতিটি বাকি অ্যারেকে স্লাইস করে।

উদাহরণ

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(2);

Automatic toString()

যখন একটি আদিম মান প্রত্যাশিত হয়, তখন জাভাস্ক্রিপ্ট স্বয়ংক্রিয়ভাবে একটি অ্যারেকে একটি কমা-বিচ্ছিন্ন স্ট্রিংয়ে রূপান্তর করে।

আপনি একটি অ্যারে প্রকাশ করার চেষ্টা করার সময় এটি সর্বদা ঘটে।

এই উভয় উদাহরণ একই ফলাফল দেয়:

উদাহরণ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

উদাহরণ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;

📝দ্রষ্টব্য:

সমস্ত জাভাস্ক্রিপ্ট অবজেক্টের একটি toString() পদ্ধতি রয়েছে।

Searching Arrays

এই টিউটোরিয়ালের পরবর্তী অধ্যায়ে অ্যারে অনুসন্ধান করা হয়েছে।

Sorting Arrays

সাজানোর অ্যারে অ্যারে সাজানোর জন্য ব্যবহৃত পদ্ধতি অন্তর্ভুক্ত করে।

Iterating Arrays

অ্যারে নির্বাচন করা পদ্ধতিগুলি অন্তর্ভুক্ত করে যা সমস্ত অ্যারে উপাদানগুলিতে কাজ করে।

Exercise

নিম্নলিখিত কোড চালানোর পরে:

const fruits = ['Banana', 'Orange', 'Apple'];
fruits.pop();

ফলের অর্ডার কেমন?

pop() এর পরে ফলের অ্যারে কি?

['', 'Banana', 'Orange', 'Apple']
✗ ভুল! pop() শুধুমাত্র শেষ উপাদানটি সরিয়ে দেয়, শুরুতে একটি খালি স্ট্রিং যোগ করে না।
['Banana', 'Orange']
✓ ঠিক আছে! পপ() পদ্ধতি অ্যারের শেষ উপাদানটি সরিয়ে দেয়, যা 'অ্যাপল'। সুতরাং অ্যারে হবে ['কলা', 'কমলা']।
['Orange', 'Apple']
✗ ভুল! pop() শেষ উপাদান ('Apple') সরিয়ে দেয়, প্রথম উপাদান ('Banana') নয়। ফলাফল হবে ['কলা', 'কমলা']।