JavaScript – متدهای آرایه (Array Methods)

آرایه‌ها در جاوا اسکریپت مجموعه‌ای از داده‌ها هستند که می‌توان آن‌ها را با استفاده از روش‌های متنوعی مدیریت کرد. در ادامه برخی از روش‌های مهم و کاربردی آرایه‌ها را معرفی و توضیح می‌دهیم.

متد length

متد length تعداد عناصر موجود در یک آرایه را بازمی‌گرداند.

مثال:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let size = fruits.length; // نتیجه: 4

متد toString()

این متد عناصر آرایه را به یک رشته تبدیل کرده و مقادیر را با ویرگول از هم جدا می‌کند.

مثال:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.toString()); // نتیجه: "Banana,Orange,Apple,Mango"

متد at()

این متد عنصری از آرایه را بر اساس اندیس مشخص بازمی‌گرداند و از ES2022 پشتیبانی می‌شود.

مثال:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.at(2); // نتیجه: "Apple"

ویژگی:

  • می‌توان از اندیس‌های منفی برای دسترسی به عناصر از انتهای آرایه استفاده کرد.

متد join()

این متد مشابه toString() است، اما امکان تعیین جداکننده دلخواه را فراهم می‌کند.

مثال:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.join(" * ")); // نتیجه: "Banana * Orange * Apple * Mango"

متد pop()

این متد عنصر آخر آرایه را حذف کرده و مقدار آن را بازمی‌گرداند.

مثال:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let lastFruit = fruits.pop(); // نتیجه: "Mango"
console.log(fruits); // نتیجه: ["Banana", "Orange", "Apple"]

متد push()

این متد عنصری جدید را به انتهای آرایه اضافه کرده و طول جدید آرایه را بازمی‌گرداند.

مثال:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let newLength = fruits.push("Kiwi"); // نتیجه: 5
console.log(fruits); // نتیجه: ["Banana", "Orange", "Apple", "Mango", "Kiwi"]

متد shift()

این متد عنصر اول آرایه را حذف کرده و مقدار آن را بازمی‌گرداند.

مثال:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let firstFruit = fruits.shift(); // نتیجه: "Banana"
console.log(fruits); // نتیجه: ["Orange", "Apple", "Mango"]

متد unshift()

این متد عنصری جدید به ابتدای آرایه اضافه کرده و طول جدید آرایه را بازمی‌گرداند.

مثال:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let newLength = fruits.unshift("Lemon"); // نتیجه: 5
console.log(fruits); // نتیجه: ["Lemon", "Banana", "Orange", "Apple", "Mango"]

متد concat()

این متد آرایه‌ها یا مقادیر را به انتهای آرایه موجود اضافه کرده و یک آرایه جدید بازمی‌گرداند.

مثال:

const arr1 = ["Cecilie", "Lone"];
const arr2 = ["Emil", "Tobias"];
const mergedArray = arr1.concat(arr2); 
console.log(mergedArray); // نتیجه: ["Cecilie", "Lone", "Emil", "Tobias"]

متد copyWithin()

این متد عناصر آرایه را به موقعیت دیگری در همان آرایه کپی می‌کند.

مثال:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.copyWithin(2, 0);
console.log(fruits); // نتیجه: ["Banana", "Orange", "Banana", "Orange"]

متد flat()

این متد آرایه‌های تو در تو را به آرایه‌ای تخت تبدیل می‌کند.

مثال:

const myArr = [[1, 2], [3, 4], [5, 6]];
const flatArr = myArr.flat();
console.log(flatArr); // نتیجه: [1, 2, 3, 4, 5, 6]

متد splice()

این متد عناصری را از آرایه حذف کرده و در صورت نیاز عناصر جدیدی اضافه می‌کند.

مثال:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 1, "Lemon", "Kiwi");
console.log(fruits); // نتیجه: ["Banana", "Orange", "Lemon", "Kiwi", "Mango"]

متد slice()

این متد بخشی از آرایه را انتخاب کرده و یک آرایه جدید بازمی‌گرداند.

مثال:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
const slicedFruits = fruits.slice(1, 3);
console.log(slicedFruits); // نتیجه: ["Orange", "Apple"]

توجه:

  • تمام متدها به صورت انتخابی و با هدف نیازهای مختلف طراحی شده‌اند.
  • برای دسترسی به ویژگی‌های بیشتر، مرورگرهای مدرن پیشنهاد می‌شوند.

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
JavaScript - تاریخ‌ها (Dates)

JavaScript – تاریخ‌ها (Dates)

آبجکت‌های تاریخ (Date) در جاوااسکریپت آبجکت‌های تاریخ در جاوااسکریپت به ما امکان کار با تاریخ و زمان را می‌دهند....

بیشتر بخوانید
JavaScript - آرایه‌های ثابت (Array Const)

JavaScript – آرایه‌های ثابت (Array Const)

جاوااسکریپت: تعریف آرایه با const در سال 2015، جاوااسکریپت کلمه کلیدی مهمی به نام const را معرفی کرد. این...

بیشتر بخوانید
JavaScript - تکرار آرایه‌ها (Array Iteration)

JavaScript – تکرار آرایه‌ها (Array Iteration)

جاوا اسکریپت: تکرار بر روی آرایه‌ها جاوا اسکریپت روش‌های مختلفی برای تکرار (Iteration) بر روی آرایه‌ها ارائه می‌دهد که...

بیشتر بخوانید

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید.