٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

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

تبدیل آرایه ها به رشته ها روش جاوا اسکریپت toString()یک آرایه را به رشته ای از مقادیر آرایه (با کاما) تبدیل می کند. مثال const fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits.toString(); نتیجه: Banana,Orange,Apple,Mangoاین join()روش همچنین تمام عناصر آرایه را…

محمد یوسفی

19 جولای 2021

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

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

مثال

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

نتیجه:

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

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

مثال

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

نتیجه:

Banana * Orange * Apple * Mango


ظاهر و هل دادن

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

ظاهر و هل دادن این است:

بیرون آوردن موارد از یک آرایه یا فشار دادن موارد به داخل آرایه.



ظاهر شدن

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

مثال

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

pop()روش ارزش است که “ظهور” بود باز می گرداند:

مثال

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

هل دادن

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

مثال

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

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

مثال

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

تغییر عناصر

جابجایی معادل ظاهر شدن است ، به جای عنصر اول روی اولین عنصر کار می کنیم.

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

مثال

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

این shift()متد مقداری را که “تغییر مکان داده شد” برمی گرداند:

مثال

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

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

مثال

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

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

مثال

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

تغییر عناصر

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

شاخص های آرایه با 0 شروع می شوند:

[0] اولین آرایه است
[1] دوم است
[2] سوم است …

مثال

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // Changes the first element of fruits to "Kiwi"

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

مثال

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

در حال حذف عناصر

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

مثال

const fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // Changes the first element in fruits to undefined

با استفاده از حذف ممکن است سوراخ های تعریف نشده ای در آرایه باقی بماند. به جای آن از pop () یا shift () استفاده کنید.


اتصال یک آرایه

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

مثال

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

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

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

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

splice()روش یک آرایه با موارد حذف شده را بر می گرداند:

مثال

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

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

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

مثال

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);   // Removes the first element

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

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

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


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

این concat()روش با ادغام (الحاق) آرایه های موجود ، یک آرایه جدید ایجاد می کند:

مثال (ادغام دو آرایه)

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

// Concatenate (join) myGirls and myBoys
const myChildren = myGirls.concat(myBoys);  

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

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

مثال (ادغام سه آرایه)

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

برش یک آرایه

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

این مثال بخشی از آرایه را از عنصر آرایه 1 (“نارنجی”) برش می دهد:

مثال

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

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

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

مثال

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

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

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

مثال

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

اگر آرگومان آخر حذف شود ، مانند مثالهای اول ، slice() روش باقی مانده آرایه را برش می دهد.

مثال

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

خودکار toString ()

جاوا اسکریپت به طور خودکار آرایه ای را به یک رشته از هم جدا شده با کاما تبدیل می کند.

این همیشه وقتی که می خواهید یک آرایه را بیرون بیاورید این حالت وجود دارد.

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

مثال

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

مثال

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

همه اشیا Java جاوا اسکریپت روش toString () دارند.


یافتن مقادیر حداکثر و حداقل در یک آرایه

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

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


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

آرایه های مرتب سازی در فصل بعدی این آموزش آورده شده است.

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها