متدهای آرایه (Array Methods)
اینجا با متدهای آرایه جاوااسکریپت آشنا می شوی. «متد (Method)» یعنی قابلیت آماده روی آرایه. با این متدها می توانی اضافه کنی، کم کنی، ببری، بچسبانی، و نمایش بدهی.
طول آرایه: length
ویژگی «length» تعداد عناصر آرایه را می دهد. حتی می تواند کوتاه کند.
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let size = fruits.length;
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.length = 2;
نمایش رشته ای: toString() و join()
«toString()» همه عناصر را با ویرگول می چسباند. «join()» جداکننده دلخواه می گیرد.
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let s1 = fruits.toString();
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let s2 = fruits.join(" * ");
دسترسی با at()
«at()» عنصر nام را می دهد. اندیس منفی هم پشتیبانی می کند.
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let third = fruits.at(2);
let last = fruits.at(-1);
حذف و افزودن آخر/اول: pop(), push(), shift(), unshift()
«pop()» آخرین را برمی دارد. «push()» به آخر اضافه می کند.
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let removed = fruits.pop();
let newLen = fruits.push("Kiwi");
«shift()» اولی را برمی دارد. «unshift()» در ابتدا اضافه می کند.
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let first = fruits.shift();
let len2 = fruits.unshift("Lemon");
تغییر عنصر با اندیس
با اندیس می توانی مقدار را عوض کنی. اندیس از صفر شروع می شود.
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";
fruits[fruits.length] = "Grape";
هشدار: از delete استفاده نکن؛ حفره undefined می سازد.
const fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];
ترکیب کردن: concat()
«concat()» آرایه های جدا را به آرایه جدید می چسباند. اصلی ها تغییر نمی کنند.
const girls = ["Cecilie", "Lone"];
const boys = ["Emil", "Tobias", "Linus"];
const all = girls.concat(boys);
کپی درجا: copyWithin()
«copyWithin()» از همان آرایه کپی می گیرد و رویش می نویسد.
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.copyWithin(2, 0);
مسطح کردن: flat() و flatMap()
«flat()» آرایه تو در تو را تخت می کند. «flatMap()» نگاشت و تخت کردن را ترکیب می کند.
const myArr = [[1, 2], [3, 4], [5, 6]];
const a1 = myArr.flat();
const a2 = [1, 2, 3].flatMap(function x(v) {
return [v, v * 10];
});
بریدن و چسباندن: splice(), toSpliced(), slice()
«splice()» در خود آرایه اضافه یا حذف می کند. «toSpliced()» نسخه بدون تغییر می سازد.
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
const months = ["Jan", "Feb", "Mar", "Apr"];
const sp = months.toSpliced(0, 1);
«slice()» بخش دلخواه را در آرایه جدید برمی گرداند. اصلی تغییر نمی کند.
const fruits2 = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const part = fruits2.slice(1, 3);
تبدیل خودکار به رشته
وقتی متن لازم است، آرایه خودش به رشته ویرگولی تبدیل می شود.
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
جمع بندی سریع
- افزودن/حذف آخر: push و pop.
- افزودن/حذف اول: unshift و shift.
- برش بی تخریب: slice. ویرایش درجا: splice.
- ترکیب آرایه ها: concat. نمایش رشته ای: join.
- تشخیص انتهای آرایه: at(-1) خیلی راحت است.
آرایه ها (Arrays) | جستجوی آرایه | مرتب سازی آرایه | تکرار روی آرایه