‎‎متدهاي آرايه اي جاوااسكريپتJavaScript Array Methods -‎

‎‎متدهاي آرايه ها درجدول زير آمده اند، كه بهمين ترتيب در مورد آنها توضيح داده ميشود.

‎‎طول آرايهJavaScript Array Length -‎

‎‎ويژگي‎length‎ در آرايه ها ، تعداد عناصر آنرا برگشت ميدهد .

‎‎مثال ـ طول آرايه

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

‎‎متد تبديل آرايه برشتهJavaScript Array toString -‎

‎متد‎‎toString()‎‎‎ آرايه را به رشته تبديل ميكند .عناصرآن با كاما تفكيك ‎ميشوند.

‎‎مثال ـ تبديل آرايه برشته

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

‎‎نتيجه تبديل

Banana,Orange,Apple,Mango

‎همچنين با متد‎‎Join()‎‎‎ آرايه به رشته تبديل ميشود .اين متد داراي ‎آرگومان جداكننده عناصر است.

‎‎مثال ـ اتصال عناصر آرايه با متد‎Join()‎‎

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

‎‎نتيجه اتصال:

Banana * Orange * Apple * Mango

‎‎حذف وافزايش عناصرآرايهPoping and Pushing -‎

‎در كار با آرايه ها، براحتي ميتوان عناصر آنرا اضافه نموده يا حذف كرد.عملpoping حذف عنصراز ‎آرايه وPushing افزايش عنصر در آرايه مي باشد .

‎‎متد حذف عنصرآرايهJavaScript Array pop()‎ -‎

‎متد‎‎pop()‎‎‎ عنصرآخرآرايه را حذف ميكند وباعث ميشود طول آرايه يكي ‎كاهش يابد.

‎‎مثال ـ حذف عنصر آرايه

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

‎‎متد‎‎pop( )‎‎مقدار عنصر حذف شده را هم برگشت ميدهد .

‎‎مثال ـ برگشتي متد حذف عنصرآرايه

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

‎‎متد افزايش عنصرآرايهJavaScrip Array push()‎ -‎

‎‎متد‎‎push( )‎‎يك عنصر جديد بانتهاي آرايه اضافه مي نمايد .

‎‎مثال ـ افزايش عنصري به آرايه

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

‎‎برگشتي متد‎‎push( )‎‎طول جديد آرايه ميباشد .

‎‎مثال ـ برگشتي متد افزايش عنصر آرايه

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

‎‎متدهاي شيفت آرايهJavaScript Shifting Elements -‎

‎‎متدهاي‎‎shift( ) ,unshift( )‎‎ جزو عملياتي شيفتي آرايه ها است .

‎‎متد شيفت آرايه هاJavaScript Array shift()‎ -‎

‎متد‎‎shift( )‎‎ مشابه متد ‎‎pop( )‎‎‎ميباشد، فقط اين متد عنصر اوليه آرايه حذف نموده ومابقي عناصر ‎بسمت چپ انتقال مي يابند.

‎‎مثال ـ متد شيفت براي حذف عنصراول آرايه

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

‎‎برگشتي متد‎‎shift( )‎‎مقدار عنصراول آرايه كه بايد حذف شود، ميباشد .

‎‎مثال ـ برگشتي متد شيفت

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

‎‎متد شيف برا ست آرايهJavaScript Array unshift( ) -‎

‎متد‎‎unshift( )‎‎مشابه متد ‎‎push( )‎‎‎بوده فقط افزايش عنصر در ابتداي آرايه ميباشد .با افزايش ‎عنصر، بقيه عناصر يك سطح براست شيفت ميكنند.

‎‎مثال ـ افزايش عنصر درابتداي آرايه

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

‎‎برگشتي متد‎‎unshift( )‎‎طول آرايه با افزايش ميباشد.

‎‎مثال ـ برگشتي متدunshift

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

‎‎تغييردادن عناصر آرايهChanging Elements -‎

‎‎عناصر يك آرايه با شماره انديس‎(index number)‎ آن قابل دسترسي است.

‎‎همه آرايه ها انديس عناصرشان از صفر شروع ميشوند.

‎‎اولين عنصر آرايه‎[0]‎

‎‎دومي عنصر آرايه‎[1]‎

‎‎وعنصرشمارهn آرايه ‎[n-‎1]‎

‎‎مثال ـ تغيير عناصر

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

‎‎ويژگيlength آرايه JavaScript Array lendth -‎

‎‎راه آسان براي افزايش عنصر در آرايه با استفاده از ويژگي‎length‎ ميباشد .

‎‎مثال ـ افرايش عنصر با ويژگي طول آرايه

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

‎‎حذف عنصرآرايه باانديسJavaScript Array delete -‎

‎‎مثال ـ حذف عنصرآرايه با عملگر‎delete‎

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

‎‎مرج يا چسباندن آرايه هاMerging (Concatnating) Arrays -‎

‎با متد‎‎concat( )‎‎ ميتوان آرايه موجود را مرج نموده وآرايه جديدي ‎ايجاد كرد.

‎‎مثال ـ مرج آرايه ها

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

const myChildren = myGirls.concat(myBoys);

‎‎متد فوق ميتواند هر تعداد آرايه را كه با كام جدا ميشوند، در آرگومان داشته باشد.

‎‎مثال ـ مرج سه آرايه

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");  

‎‎مسطح نمودن آرايهFlattening An Array -‎

‎‎مسطح نمودن يك آرايه بمعني كاهش بعد‎(dimension)‎ آرايه است .

‎متد‎‎flat( )‎‎ آرايه جديدي با اتصال زير آرايه ها ويك آرايه جديدايجاد ‎ميكند .اين عمل روي آرايه مبنا هيچ اثري ندارد.

‎‎مثال ـ مسطح نمودن آرايه

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

‎‎پشتيباني مرورگرBrowser Support -‎

‎متد‎‎flat( ) ‎‎ جاوااسكريپت از ژانويه ‎2020‎ در تمام مرورگر ‎هاي مدرن پشتيباني ميشود.

‎

‎‎69.0‎ sep 2018‎	‎‎79.0‎ Jan 2020‎	‎‎62.0‎ se p 2018‎	‎‎12.0‎ sep 2018‎	‎‎56.0‎ sep 2018‎

‎‎افرايش و خروج قطعه آرايهSplicing an Slicing Arrays -‎

‎متد‎‎slice( )‎‎ قطعه را از آرايه خارج ميكند .قطعه ممكن است چندي عنصر ‎دنباله باشد .آرايه مربوطه با دو متد تغيير ميكند وآرايه جديدي ساخته نميشود.

‎‎متد افزايش قطعه به آرايهJavaScript Array splice()‎ -‎

‎‎مثال ـ افزايش قطعه عناصر به آرايه

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

‎‎اولين پارامتر متد عدد 2 است ، نشان دهنده محل عناصرجدي است كه بايد اضافه گردد.

‎‎دومي پارامتر متد، نشان دهنده اينسكه چند عنصر آرايه بايد حذف شوند.

‎‎بقيه پارامترها يعني‎(‎"Lemon‎"‎, ‎"Kiwi‎")‎ عناصر جديدي هستند، كه بايد اضافه شوند.

‎‎مثال ـ دراين مثال دو عنصر حذف ودوتا جديد اضافه ميشوند.

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); 

‎‎استخراج قطعه آرايهJavaScript Array slice( ) -‎

‎متد‎‎slice( )‎‎ قطعه اي از آرايه رااستخراج وبا آن آرايه جديدي ايجاد ‎ميكند.

‎مثال ـ دراين مثال قطعه آرايه از انديس يك‎(‎"Orange‎")‎ تا انتهارا استخراج وآرايه citrus‎را ايجاد ميكند .

‎مثال ـ از عنصرسوم‎‎"Apple‎"‎تاانتهاي آرايه قطعه جدا وآرايه جديد با آن ايجاد ‎مي شود .پارامتر دوم جزو انديس انتخابي نيست.

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

‎متد‎‎slice( )‎‎مي تواند داراي دو پارامتر مثل ‎slice(1,3)‎ ‎پارامتر اول شروع انتخاب وپارامتر دوم انتهاي انتخاب را مشخص ميكند.

‎‎مثال ـ‎slice(1,3)‎ عناصر1و2

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

‎‎اگر در متد‎‎slice( ) ‎‎پارامتردوم حذف گردد، مشابه مثال اول، قطعه ‎انتخابي ازپارامتر شروع تاانتهاي آرايه ميباشد.

‎‎مثال ـ‎slice(3)‎ از دو‎(‎"Lemon‎")‎ تا انتهاي آرايه

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;

‎Finding Max and Min Values in a Array‎

‎‎پيدا كردن ماكزيمم ومينيمم آرايه

‎جاوااسكريپت براي ماكزيممم ومينيمم آرايه داراي تابع داخلي نيست .اما روش انجام اين موارد در ‎بعدي مطرح ميشود.

‎‎مرتب كردن آرايهSorting Arrays -‎

‎‎روش مرتب نمودن آرايه در فصل بعدي ارائه ميشود.

JS Tutorial آموزش جاوااسکریپت

JS Objects اشیاء جاوااسکریپت

JS Functions توابع جاوااسکریپت

JS Classes کلاسهای جاوااسکریپت

JS Async ناهمزمانی جاوااسکریپت

JS HTML DOM شئ دام

JS Browser BOM شئ مرورگر

JS Web APIs رابط های اپی آی وب

JS AJAX آجکس وجاوااسکریپت

JavaScript JSON

JavaScript vs JQuery

JS Graphics گرافیک جاوااسکریپت

JS References فهرست مطالب