میخوای وارد بازار کار بشی و محصولات خودت رو بفرشی همین الان ثبت نام کن
0

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

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

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

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

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

var fruits = [“Banana”“Orange”“Apple”“Mango”];
document.getElementById(“demo”).innerHTML = fruits.toString();

نتیجه در مرورگر :

Banana,Orange,Apple,Mango

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

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

var fruits = [“Banana”“Orange”“Apple”“Mango”];
document.getElementById(“demo”).innerHTML = fruits.join(” * “);

نتیجه در مرورگر :

Banana * Orange * Apple * Mango

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

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

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

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

pop کردن

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

var fruits = [“Banana”“Orange”“Apple”“Mango”];
fruits.pop();              //آخرین عنصر (“Mango”) را از میوه ها پاک می کند

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

var fruits = [“Banana”“Orange”“Apple”“Mango”];
var x = fruits.pop();      //مقدار x “Mango” است

push کردن

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

var fruits = [“Banana”“Orange”“Apple”“Mango”];
fruits.push(“Kiwi”);       //عنصر جدید (“Kiwi“) را به میوه ها اضافه می کند

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

var fruits = [“Banana”“Orange”“Apple”“Mango”];
var x = fruits.push(“Kiwi”);   //مقدار x 5 است

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

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

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

var fruits = [“Banana”“Orange”“Apple”“Mango”];
fruits.shift();            //اولین عنصر “Banana” را از میوه ها پاک می کند

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

var fruits = [“Banana”“Orange”“Apple”“Mango”];
var x = fruits.shift();    //مقدار x “Banana” است

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

var fruits = [“Banana”“Orange”“Apple”“Mango”];
fruits.unshift(“Lemon”);    //عنصر جدید “Lemon” را به میوه ها اضافه می کند

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

var fruits = [“Banana”“Orange”“Apple”“Mango”];
fruits.unshift(“Lemon”);    // Returns 5

 

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

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

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

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

var fruits = [“Banana”“Orange”“Apple”“Mango”];
fruits[fruits.length] = “Kiwi”;          // Appends “Kiwi” to fruits

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

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

var fruits = [“Banana”“Orange”“Apple”“Mango”];
delete fruits[];           

 

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

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

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

var fruits = [“Banana”“Orange”“Apple”“Mango”];
fruits.splice(2۰“Lemon”“Kiwi”);

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

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

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

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

var fruits = [“Banana”“Orange”“Apple”“Mango”];
fruits.splice(2۲“Lemon”“Kiwi”);

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

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

var fruits = [“Banana”“Orange”“Apple”“Mango”];
fruits.splice(۱);        //اولین عنصر میوه ها را از بین می برد

 

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

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

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

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

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

var myGirls = [“Cecilie”“Lone”];
var myBoys = [“Emil”“Tobias”“Linus”];
var myChildren = myGirls.concat(myBoys);

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

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

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

برش یک آرایه

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

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

var fruits = [“Banana”“Orange”“Lemon”“Apple”“Mango”];
var citrus = fruits.slice(1);

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

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

var fruits = [“Banana”“Orange”“Lemon”“Apple”“Mango”];
var citrus = fruits.slice(3);

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

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

var fruits = [“Banana”“Orange”“Lemon”“Apple”“Mango”];
var citrus = fruits.slice(1۳);

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

var fruits = [“Banana”“Orange”“Lemon”“Apple”“Mango”];
var citrus = fruits.slice(2);

toString خودکار

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

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

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

var fruits = [“Banana”“Orange”“Apple”“Mango”];
document.getElementById(“demo”).innerHTML = fruits.toString();

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

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

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

 

 

 

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

نظراتتون رو زیر همین پست با ما به اشتراک بگذارید.

ارسال دیدگاه

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

×

سلام کاربر عزیز

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

روی لوگومون کلیک کنید

× چطور میتونم کمکتون کنم؟