آموزش کار با آرایه Array در ES6

آموزش کار با آرایه Array در ES6:

یک آرایه (Array) در جاوا اسکریپت شی ای برای نگهداری مجموعه ای از المنت ها (متغیرهای) هم نوع است. آرایه (Array) به شما امکان می دهد بیش از یک مقدار یا گروهی از مقادیر را در یک متغیر با نام واحد، قرار دهید. از آرایه ها برای نگهداری مجموعه ای از مقادیر به ترتیب ایجاد، استفاده می شود.
آرایه مجموعه ای از المنت های همگن (مشابه) است یا می توان گفت آرایه مجموعه مقادیری از المنت ها با نوع داده ای یکسان است.
می توانید هر نوع داده ای معتبر مثل اشیاء (Objects)، اعداد (numbers)، توابع (function) و یا حتی آرایه های دیگر را درون آرایه نگهداری کنید، که ایجاد ساختارهای داده ای پیچیده تری مثل آرایه ای از آرایه ها یا آرایه ای از اشیاء را ممکن می سازد.
دو روش یا ساختار دستوری برای تعریف آرایه (Array) در ES6 وجود دارد، همانند کد زیر:

var array_name = new Array();  // By using the new keyword  
  
var array_name = [value1, value2,....valueN];  //By using Array literals  
                or,  
var array_name;   //Declaration  
array_name=[value1, value2,…..valueN]; //Initialization  
            

روش اول با استفاده از کلمه کلیدی new و روش دوم با تعریف چندین مقدار پشت سر هم در یک متغیر.
پارامتر آرایه شامل لیستی از متغیرهای اعداد (integers) یا متغیرهای متنی رشته ای (strings) است. توصیه می شود برای تعریف آرایه لیست اعضای آن را در مقابل نام آرایه تعریف کرده و از کلمه کلیدی new استفاده نکنید.
کلمه کلیدی new فقط کد را پیچیده تر کرده و گاهی اوقات نتایج غیر قابل انتظاری پدید می آورد. اگر فقط یک پارامتر عددی را در مقابل نام سازنده آرایه (یا در هنگام استفاده از کلمه new) قرار دهید، از آن به عنوان طول آرایه یا تعداد اعضای آن استفاده خواهد شد.

یک تعریف آرایه همانند کد num=[1,2,3,4]، یک آرایه همانند مثال زیر برایتان ایجاد می کند:

var num;  
num = [1,2,3,4];  
            

خروجی :

1 2 3 4
            

آموزش دسترسی به اعضای آرایه در ES6:

اعضای آرایه از 0 شماره گذاری (index) می شوند. نام آرایه همراه با یک عدد درون [n] است که برای ارجاع و دسترسی به عضو آرایه از آن استفاده شده و n شماره عضو است. ساختار دستوری دسترسی به یک عضو آرایه به صورت زیر:

Array_name[n]
            

همانند کد مثال عملی زیر. در این مثال یک آرایه به نام num با 4 عضو تعریف کرده ایم که عضو اول و دوم آن را در خروجی نمایش داده ایم:

var num;  
num = [2,4,6,8];  
console.log(num[0]);  
console.log(num[1]);  
            

خروجی :

2
4
            

آموزش کار با تابع سازنده آرایه Array Constructor:

می توان یک آرایه را با استفاده از تابع سازنده آرایه (Array Constructor) نیز ایجاد کرد. سازنده آرایه را به یکی از دو روش زیر می توان منتقل کرد:

• لیستی از مقادیر (Value) که با کاما از هم جدا شده اند.
• یک مقدار عددی که اندازه آرایه را تعیین می کند.

مثال: در کد زیر یک آرایه جدید به وسیله کلمه کلیدی new و تابع سازنده آرایه (()Array) با 5 عضو ایجاد کرده ایم. سپس با استفاده از یک حلقه، اعضای آن را به ترتیب مقداردهی کرده و در خروجی نمایش داده ایم:

var num = new Array(5); // This single numeric value indicates the size of array.  
var i;  
for(i=0;i > num.length;i++){ num[i]=i*5;
                           console.log(num[i]);
                           }
            

خروجی :

0
5
10
15
20
            

مثال 2: در کد مثال زیر، همان آرایه را با روش تعیین اعضا در لیست تابع ()Array و با 5 عضو تعریف و مقداردهی کرده ایم:

var num = new Array(1,2,3,4,5);  
var i;  
for(i=0;i < num.length;i++){ console.log(num[i]);
                            }
            

خروجی :

1
2
3
4
5
            

انواع کاربرد آرایه در جاوا اسکریپت:

جاوا اسکریپت از دسته های زیر برای آرایه، پشتیبانی می کند:

• آرایه چند بعدی (Multidimensional Array).
• ارسال آرایه ها به تابع.
• برگشت آرایه از تابع ها به عنوان خروجی (Return Array).

آموزش کار با آرایه های چند بعدی در ES6:

زبان ES6 از مفهوم جدید آرایه های چند بعدی (Multidimensional Array) نیز پشتیبانی می کند. یک آرایه چند بعدی را می توان به عنوان مقادیر (values) به یک آرایه دیگر ارجاع داد، به عبارت دیگر هر عضو آرایه خود یک آرایه است.
امکان تعریف آرایه های چند بعدی به طور مستقیم در جاوا اسکریپت وجود ندارد. اگر نیاز به ایجاد یک آرایه چند بعدی دارید، بایستی این کار را با استفاده از آرایه تک بعدی انجام دهید.
همچنین می توان گفت که یک آرایه دو بعدی (two-dimensional) ساده ترین شکل یک آرایه چند بعدی است.
نحوه تعریف یک آرایه دو بعدی در جاوا اسکریپت به صورت زیر است:

var array_name = [[value1,value2,value3],[val1,val2,val3]];  
            

همانطور که مشاهده می کنید، در آرایه فوق، هر عضو آرایه خود یک آرایه تک بعدی است.
برای دسترسی به اعضای یک آرایه دو بعدی بایستی از ساختار دستوری زیر استفاده کرد.

var array_name[initial_array_index][referenced_array_index]  
            

در کد فوق [intial_array_index] شماره عضو در آرایه درونی و [refrenced_array_index]، شماره آرایه در آرایه بیرونی است. برای نمونه به مثال عملی زیر دقت کنید، عدد 16 عضو اندیس 2 از آرایه دوم با اندیس 1 در آرایه multi است:

var multi = [[2,3,4],[4,9,16]]    
console.log(multi[0][0])   
console.log(multi[0][1])   
console.log(multi[0][2])   
console.log(multi[1][0])   
console.log(multi[1][1])   
console.log(multi[1][2]) 
            

خروجی :

2
3
4
4
9
16
            

آموزش ارسال آرایه به یک تابع به عنوان پارامتر:

می توانید یک آرایه را به عنوان پارامتر ورودی به یک تابع ارسال کنید، برای این منظور بایستی نام آرایه را در لیست پارامترهای تابع و بدون [] مقابل آن بنویسید (مرجعی به آرایه است). در کد مثال عملی زیر، یک آرایه به نام rainbow را تعریف و مقداردهی کرده و سپس آن را به عنوان پارامتر به تابع show ارسال کرده ایم. تابع show هم اعضای این آرایه را به ترتیب در خروجی نمایش داده است:

var rainbow = new Array["Violet", "Indigo", "Blue", "Green", "Yellow", "Orange", "Red"];  
function show(rainbow) {      
   for(var i = 0;i < rainbow.length;i++) {
                                       console.log(rainbow[i])
                                            }
                                         }
show(rainbow)
            

خروجی :

Violet
Indigo
Blue
Green
Yellow
Orange
Red
            

ارسال آرایه به عنوان خروجی تابع Return Array:

می توانید یک آرایه را به عنوان خروجی تابع برگردانید. در این حالت نام آرایه ی همراه یا بدون اعضای آن در مقابل کلمه کلیدی Return قرار داده می شود. برای نمونه در کد مثال عملی زیر، تابع show آرایه Array را به عنوان خروجی برگردانده و در متغیر Colors ریخته است. سپس توسط یک حلقه، اعضای Colors را در خروجی نشان داده ایم:

function show() {   
    return new Array("Blue", "Red", "Green", "Yellow")   
 }   
 var colors = show()   
 for(var i in colors) {   
    console.log(colors[i])     
 }  
            

خروجی :

Blue
Red
Green
Yellow
            

آموزش کار با متدهای آرایه در ES6:

متدهای آرایه (Array Methods) در ES6 برای کار با اطلاعات و داده های ذخیره شده در آرایه ها کاربرد دارند. از متدهای آرایه در ES6 برای انجام کارهای پیچیده بر روی آرایه ها به روشی ساده استفاده می شود.
در بخش آموزش کار با آرایه ها در (Array Methods) ES6 آموزش جاوا اسکریپت سایت تحلیل داده به تشریح کامل آنها خواهیم پرداخت.

آموزش قابلیت Destructuring در ES6:

ES6 قابلیت جدیدی به نام Destructuring Assignment فراهم کرده که به ما امکان می دهد تا با استفاده از یک کد کوتاه، اعضای خاصی یا مد نظرمان را از درون یک شی (object) یا آرایه (Array) بیرون کشیده و درون متغیر هدف قرار دهیم. این قابلیت نه تنها به کاهش حجم کدنویسی کمک می کند، بلکه نحوه ساختاربندی کد را نیز تغییر می دهد. این فرآیند درواقع شکستن ساختار است.
قابلیت Destructuring Assignment یک عبارت دستوری جاوا اسکریپت است که امکان استخراج اطلاعات از آرایه ها، نقشه ها (Maps)، مجموعه ها (Sets) و ویژگی های اشیاء (Objects Property) را فراهم کرده است.

آموزش تخریب آرایه در ES6:

تخریب آرایه (Array Destructuring) به معنای تجزیه و شکستنن یک ساختار پیچیده به قطعات کوچکتر و ساده تر است. با ساختار دستوری تخریب (Destructuring) می توانید قطعات کوچکتر از اشیاء (Objects) و آرایه ها (Arrays) استخراج نمایید. از این فرآیند می توان برای مقداردهی یا اعلان یک متغیر استفاده کرد.
برای دریافت اطلاعات راجع به Array Destructuring به بخش آموزش تخریب آرایه در ES6 بروید.

آموزش تخریب شی در ES6:

تخریب شی (Object Destructuring) بسیاری شبیه به تخریب آرایه است، با این تفاوت که به جای اینکه مقادیر از آرایه خارج شوند، می توانید مقدار خواص (property) یا کلیدها (keys) یک شی را از آن بیرون بکشید.
برای دریافت اطلاعات بیشتر راجع به تخریب شی، به بخش آموزش تخریب شی در ES6 بروید.