آرایه جاوا اسکریپت

همانطور که قبلاً با متغیرها آشنا هستید (در غیر این صورت ، باید به آموزش اشیا جاوا اسکریپت مراجعه کنید) ، می دانید که آنها می توانند شامل اشیا باشند. با این حال ، اگر چندین شی دارید که می خواهید آنها را ذخیره کنید ، می توانید از آرایه های JavaScript استفاده کنید.

در این آموزش ، همه چیز درباره نحو و کاربرد آرایه JavaScript را خواهید یافت. شما می فهمید که چه زمانی باید از آرایه ها استفاده کنید و چه زمانی بهتر است به متغیرهای منظم پایبند باشید. شما تفاوت بین آرایه ها و اشیا و همچنین متداول ترین خواص و روش های آرایه را یاد خواهید گرفت.

روند ایجاد یک آرایه چند بعدی JavaScript ممکن است گیج کننده تر به نظر برسد. با این حال ، مدیریت آن هیچ تفاوتی با یک معمولی ندارد.

نکات اصلی آرایه جاوا اسکریپت:

• آرایه های جاوا اسکریپت متغیرهایی هستند که حاوی مقادیر (موارد) متعددی هستند.
• نحو آرایه جاوا اسکریپت مشابه متغیرهای معمولی است.
• آرایه های جاوا اسکریپت برای ذخیره لیست موارد (نام ، عنوان و غیره) استفاده می شود.

چرا و چگونه آرایه ایجاد کنیم

هنگامی که شما نیاز به توصیف لیستی از موارد (به عنوان مثال تلفن ها) دارید ، قرار دادن آنها در متغیرهای جداگانه به این شکل است:

var phone1 = "Sony";
var phone2 = "Nokia";
var phone3 = "iPhone";

با این حال ، ایجاد یک متغیر جدید برای هر مقدار راحت نیست. همچنین اگر به تعداد بسیار بیشتری از موارد ، مثلاً به 300 مورد نیاز داشته باشید ، گزینه ای نیست. تصور کنید گم نشدن در بین 300 متغیر و شی different مختلف چقدر دشوار است!

برای رفع این مشکل ، می توانید از آرایه های JavaScript استفاده کنید ، زیرا آنها می توانند بیش از یک مقدار را در خود جای دهند. سپس ، هنگامی که نیاز به یافتن مورد خاصی در آرایه دارید ، می توانید به سادگی از شماره نمایه آن استفاده کنید.

توجه: آرایه ها هنگامی مفید هستند که لیستی از مقادیر داشته باشید که از همان نوع باشند. وقتی لیستی از انواع مختلف مقادیر داشته باشید ، اشیا بهتر هستند.

نحو ایجاد آرایه های جاوا اسکریپت مشابه متغیرهای معمولی جاوا اسکریپت است. تمام کاری که شما باید انجام دهید این است:

• اعلام یک متغیر (var).
• به متغیر یک نام (array_name) بدهید.
• علامت مساوی قرار دهید (=).
• یک براکت مربع را باز کنید ([).
• مقادیر (موارد) را لیست کنید ([“آیتم 1” ، “مورد 2” ، …]).
• پرانتزهای مربع را ببندید ()).

نتیجه نهایی باید به این شکل باشد:

var name_array = [“مورد 1” ، “مورد 2” ، …]؛

توجه: اگر مقادیر رشته ای (متنی) هستند ، باید آنها را در نقل قول ها محصور کنید. در غیر این صورت ، مورد ثبت شده توسط JavaScript نه به عنوان یک مقدار ، بلکه یک متغیر دیگر خوانده می شود. این قانون در مورد اعداد اعمال نمی شود.

برای ایجاد آرایه ها در JavaScript دو ​​روش وجود دارد. یکی با استفاده از روش آرایه ای تحت اللفظی است. مورد دیگر با استفاده از کلمه کلیدی جدید است. بیایید نگاهی دقیق به هر دو بیندازیم.

آرایه به معنای واقعی کلمه

تمام کاری که شما برای ایجاد یک آرایه با استفاده از روش واقعی array باید انجام دهید این است که همه چیز را مطابق نحو مناسب توضیح داده شده در بالا بنویسید! به نظر نمی رسد که خیلی سخت باشد. بیایید یک بار دیگر این مثال را ببینیم تا مطمئن شویم که چیزی را رها نمی کنیم:

var phones = ["Sony", "Nokia", "iPhone"];

لیست موارد می تواند در بسیاری از خطوط قرار داشته باشد یا در یک خط باقی بماند. از نظر عملکرد هیچ تفاوتی ایجاد نمی کند. دهانه چندین خط را در مثال زیر بررسی کنید:

var phones = [
    "Sony",
    "Nokia",
    "iPhone",
];

کلمه کلیدی جدید

با این حال ، یک روش دیگر برای ایجاد یک آرایه وجود دارد. در کد زیر ، می توانید یک آرایه JavaScript را ببینید که با استفاده از کلمه کلیدی جدید ایجاد شده است:

var phones = new Array("Sony", "Nokia", "iPhone");

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

هر دو مثال ارائه شده از ایجاد آرایه JavaScript دارای عملکرد یکسانی هستند. با این حال ، روش اول ساده تر ، راحت تر خوانده می شود و سریعتر از روش دوم کار می کند. همچنین باید بخاطر داشته باشید که استفاده از روش واقعی آرایه از ایمنی بیشتری برخوردار است زیرا در هنگام استفاده از کلمه کلیدی جدید چند مشکل وجود دارد.

var cars = new Array(); // Bad
var cars = []; // Good

بیایید بررسی کنیم که این عوارض از کجا ناشی می شود. در هر دو مثال می توانید روش جدید Array () را مشاهده کنید. مورد اول دارای دو عنصر تعریف شده است. همانطور که می بینید ، مشکلی ایجاد نمی کند:

// Create an array with two elements (40 and 100)
var cars = new Array(40, 100);

با این حال ، اگر فقط یک عنصر را تعریف کنید که اتفاقاً یک عدد نیز باشد ، مشکلی بوجود می آید. در مثال دوم می توانید عدد 50 تعریف شده را مشاهده کنید. با این حال ، روش جدید Array () 50 عنصر تعریف نشده را تعریف می کند تا یک عنصر با مقدار 50:

// Creates an array with 50 undefined elements
var score = new Array(50);

مدیریت محتوای آرایه

از آنجا که آرایه ها نوع خاصی از اشیا هستند ، می توانند اشیا، توابع و حتی آرایه های جاوا اسکریپت را به عنوان محتوای خود ذخیره کنند. به مثال زیر نگاهی بیندازید تا یک آرایه JavaScript حاوی یک شی ، یک تابع و یک آرایه را ببینید:

Array[0] = Date.now;
Array[1] = myFunction;
Array[2] = myPhones;

بیایید به روش های مختلف دسترسی و تغییر مواردی که آرایه جاوا اسکریپت شما در اختیار دارد نگاه کنیم.

دسترسی به موارد

از شماره شاخص برای دسترسی به یک مورد خاص در آرایه استفاده می شود. مثال زیر نحوه دستیابی به اولین مورد را در تلفن ها نشان می دهد:

var phones = ["Sony", "Nokia", "iPhone"];
var name = phones[0];

توجه: ایندکس با آرایه های جاوا اسکریپت با 0 شروع می شود (نه 1!). مورد اول [0] ، مورد دوم [1] و موارد دیگر است.

در مثال زیر ، شماره شاخص شخص [0] اولین مقدار را در شخص آرایه ، که John است ، برمی گرداند:

var person = ["John", "Johnson", 35];

توجه: در بسیاری از زبانهای برنامه نویسی ، آرایه هایی با نمایه های نامگذاری شده پشتیبانی می شوند و آرایه های انجمنی JavaScript نامیده می شوند. با این حال ، در جاوا اسکریپت ، فقط اشیا فهرست ها را نامگذاری کرده اند: آرایه ها فقط می توانند شاخص های شماره گذاری شده داشته باشند.

در یک شی regular جاوا اسکریپت معمولی ، برای دسترسی به یک مقدار ، باید از نام اشیا and و نام خاصیت آن استفاده کنید. در مثال زیر ، نام خاصیت car.firstCar اولین مقدار از car را که همان Bmw است ، برمی گرداند.

var car = {
  firstCar: "Bmw",
  secondCar: "Audi",
  number: 36
};

همانطور که می بینید ، نحو مشابه است ، اما براکت های مربع به بریس های فر تغییر می کنند. همچنین ، یک مقدار به خاصیت name اختصاص داده می شود و رشته ها در نقل قول ها ذخیره می شوند.

در حال ویرایش موارد

برای ویرایش یک مورد خاص در یک آرایه ، باید از شماره فهرست استفاده کنید. در مثال زیر ، اولین مورد در آرایه تلفن ها اصلاح شده است:

var phones = ["Sony", "Nokia", "iPhone"];
phones[0] = "Samsung";

روش ها و خصوصیات

آرایه ها در JavaScript دارای روش ها و ویژگی های یکپارچه ای هستند که ممکن است به نفع خود استفاده کنید. آنها به این شکل هستند:

var y = phones.length;   // The length property brings back the number of items
var z = phones.sort();   // The sort() method sorts arrays

بیایید محبوب ترین خواص را بررسی کنیم.

خاصیت طول

این ویژگی تعداد موارد ذخیره شده در آرایه را نشان می دهد که به آن طول آرایه نیز گفته می شود. این ویژگی می تواند بسیار مفید باشد در صورتی که بسیاری از اقلام در یک آرایه ذخیره شده اند و شما باید دقیقاً بدانید که تعداد آنها زیاد است:

var cars = ["Bmw", "Audi", "Toyota", "Ferrari", "Lada"];
cars.length; // the length of cars is 5

توجه: مقدار همیشه بالاترین عدد شاخص 1+ است ، زیرا لیست آرایه با 0 شروع می شود.

افزودن عناصر

روش ()push برای قرار دادن عناصر جدید در آرایه های JavaScript بسیار محبوب است. در مثال زیر ، از ()push برای قرار دادن نام اتومبیل جدید در آرایه استفاده می کنیم:

var cars = ["Bmw", "Audi", "Toyota", "Ferrari"];
cars.push("Mercedes"); // adds a new item (Mercedes) to cars

با استفاده از طول می توان به این مهم دست یافت:

var cars = ["Bmw", "Audi", "Toyota", "Ferrari"];
cars[cars.length] = "Mercedes"; // adds a new item (Mercedes) to cars

حلقه عناصر

for حلقه ای است که بیشتر برای آرایه جاوا اسکریپت استفاده می شود. این نحو و قابلیت های خاص خود را دارد: اگر می خواهید در مورد آن بیشتر بدانید ، می توانید به آموزش جاوا اسکریپت برای حلقه مراجعه کنید. می توانید نحوه استفاده از حلقه for را برای حلقه آرایه JavaScript در مثال زیر مشاهده کنید:

var cars, text, length, i;

cars = ["Bmw", "Audi", "Toyota", "Ferrari"];
length = cars.length;
text = "<ul>";
for (i = 0; i < length; i++) {
    text += "<li>" + cars[i] + "</li>";
}
text += "</ul>";

خلاصه آرایه جاوا اسکریپت:

• آرایه JavaScript متغیری است که می تواند بیش از یک شی داشته باشد.
• برای تعریف آرایه در JavaScript دو روش وجود دارد ، اما استفاده بهتر از روش آرایه به عنوان روشی بهتر تلقی می شود.
• آرایه های جاوا اسکریپت می توانند توابع ، اشیا، و سایر آرایه ها را ذخیره کنند.
• آرایه ها از روش ها و خواص متنوعی برخوردارند.