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

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

آموزش جاوا اسکریپت از مبتدی تا حرفه ای

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


تبدیل آرایه به رشته

متد جاوا اسکریپت toString()یک آرایه را به یک رشته از مقادیر آرایه که با کاما از هم جدا شده اند، تبدیل می کند.

مثال

نتیجه:

Banana,Orange,Apple,Mango

خودتان آزمایش کنید

همچنین تابع join() تمام عناصر آرایه را به صورت یک رشته به هم متصل می کند.

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

مثال

نتیجه:

Banana * Orange * Apple * Mango

خودتان آزمایش کنید


حذف و اضافه کردن عناصر به آرایه با توابع pop و push

وقتی با آرایه ها کار می کنید، براحتی عناصر را حذف کرده و عناصر جدید را اضافه کنید.

این کاری است که توابع pop و push انجام می دهند:

pop یک عنصر را از آرایه خارج می کند و push یک عنصر را به آرایه اضافه میکند


 

pop کردن

تابع pop() آخرین عنصر را از آرایه حذف می کند:

مثال

خودتان آزمایش کنید

تابع pop()مقدار “خارج شده” را برمی گرداند:

مثال

خودتان آزمایش کنید


push کردن

تابع push()یک عنصر جدید را به انتهای آرایه اضافه می کند :

مثال

خودتان آزمایش کنید

متد push()طول آرایه جدید را باز می گرداند:

مثال

خودتان آزمایش کنید


تغییر مکان (شیفت کردن) عناصر آرایه

شیفت کردن عناصر آرایه برابر است با pop کردن عنصر اول آرایه به جای عنصر آخر آن.

تابع shift()عنصر اول آرایه را حذف می کند و تمام عناصر دیگر را به یک شاخص پایین تر می برد.

مثال

خودتان آزمایش کنید

تابع shift()رشته ای را که “شیفت شد” باز می گرداند:

مثال

خودتان آزمایش کنید

متد unshift()یک عنصر جدید را به یک آرایه (در ابتدا) اضافه می کند و “عناصر قدیمی تر” را به سمت راست شیفت می کند:

مثال

خودتان آزمایش کنید

تابع unshift()طول آرایه جدید را باز می گرداند.

مثال

خودتان آزمایش کنید


تغییر عناصر آرایه

عناصر آرایه با استفاده از شماره ایندکس قابل دسترسی هستند :

شاخص آرایه با ۰ شروع می شود.
[۰] عنصر اول آرایه است، [۱] دومین عنصر آرایه است، [۲] سوم است و …

مثال

خودتان آزمایش کنید

خصوصیت length یک راه آسان برای اضافه کردن یک عنصر جدید به آرایه فراهم می کند:

مثال

خودتان آزمایش کنید


حذف عناصر آرایه

از آنجا که آرایه ها در جاوا اسکریپت از نوع شیء هستند، عناصر می توانند با استفاده از عملگرdelete در جاوا اسکریپت حذف شوند :

مثال

خودتان آزمایش کنید

استفاده از delete ممکن است سوراخ های undefined در آرایه ایجاد کند. به جای delete از pop یا shift استفاده کنید.


پیوند به یک آرایه

متد splice()می تواند برای اضافه کردن آیتم های جدید به یک آرایه استفاده شود:

مثال

خودتان آزمایش کنید

اولین پارامتر (۲) موقعیتی را که در آنجا عناصر جدید باید اضافه شوند، مشخص می کند (جایی که ترکیب می شوند).

پارامتر دوم (۰) مشخص می کند چند عنصر باید حذف شود.

بقیه پارامترها (“لیمو”، “کیوی”) عناصر جدید را برای افزودن به آرایه مشخص میکنند.

متد splice()یک آرایه با عناصر حذف شده را باز می گرداند:

مثال

خودتان آزمایش کنید


حذف عناصر آرایه با استفاده از تابع splice

با تنظیم هوشمند پارامتر ها، می توانید از تابع splice()برای حذف عناصر بدون ایجاد “سوراخ” در آرایه استفاده کنید :

مثال

خودتان آزمایش کنید

اولین پارامتر (۰) موقعیتی را که عناصر جدید باید اضافه شوند، تعریف می کند.

پارامتر دوم (۱) تعداد عناصری را که باید حذف شوند، تعریف می کند .

بقیه پارامترها تعریف نمی شوند و عناصر جدید اضافه نخواهند شد.


ادغام (ترکیب کردن) آرایه ها

متد concat()با ادغام (ترکیب کردن) آرایه های موجود، یک آرایه جدید ایجاد می کند:

مثال

خودتان آزمایش کنید

تابع concat() آرایه های موجود را تغییر نمی دهد و همیشه یک آرایه جدید ایجاد می کند.

روش concat()می تواند هر تعداد آرایه را به عنوان آرگومان ورودی دریافت و ترکیب کند:

مثال

خودتان آزمایش کنید

تابع concat() همچنین می تواند مقادیر را به عنوان آرگومان دریافت کند:

مثال

خودتان آزمایش کنید


برش یک آرایه

متد slice()یک قطعه از آرایه را برش میدهد و بعنوان یک آرایه جدید برمی گرداند.

این مثال یک بخش از آرایه را که از عنصر ۱ (“پرتغال”) شروع می شود، برمی دارد:

مثال

خودتان آزمایش کنید

تابع slice()یک آرایه جدید ایجاد می کند و عناصر را از آرایه منبع حذف نمی کند.

این مثال یک بخش از آرایه را که از عنصر ۳ (“سیب”) شروع می شود، برمی دارد:

مثال

خودتان آزمایش کنید

روش slice() می تواند دو آرگومان مانند slice(1, 3) داشته باشد.

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

مثال

خودتان آزمایش کنید

اگر آرگومان دوم حذف شود، مانند مثال های اول، متد slice() از آرگومان شروع تا انتهای آرایه را جدا می کند.

مثال

خودتان آزمایش کنید


toString خودکار

زمانی که یک مقدار اولیه (مانند رشته) انتظار می رود، جاوا اسکریپت به طور خودکار یک آرایه را به یک رشته متنی از عناصر جدا شده با کاما، تبدیل می کند.

این کار همیشه زمانی انجام می شود که شما سعی می کنید خروجی یک آرایه را ایجاد کنید.

این دو مثال نتیجه مشابهی را ایجاد خواهند کرد:

مثال

خودتان آزمایش کنید

مثال

خودتان آزمایش کنید

تمام اشیاء جاوا اسکریپت یک متد toString دارند.


پیدا کردن بیشترین و کمترین مقدار در آرایه

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

شما در درس بعدی این آموزش خواهید آموخت که چگونه این مشکل را حل کنید.


مرتب سازی آرایه ها

مرتب سازی آرایه ها در درس بعدی آموزش داده می شود.


مرجع کامل آرایه ها

برای دسترسی به مرجع کامل آرایه ها در جاوا اسکریپت، به Complete JavaScript Array Reference مراجعه کنید.

این مرجع شامل توضیحات و نمونه هایی از همه خواص و متد های آرایه است.


منبع : W3Schools.com


دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *