روش‌های آرایه‌ای JavaScript

قدرت آرایه JavaScript در روش‌های آرایه نهفته است.

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

روش JavaScript 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

آزمایش کنید

Popping و Pushing

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

Popping و Pushing به معنای:

از آرایهباز کردنپروژه، یا به آرایهورودپروژه.

Popping

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

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // از fruits آخرین عنصر را حذف می‌کند ("Mango")

آزمایش کنید

pop() این روش مقدار "باز شده" را برمی‌گرداند:

مثال

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

آزمایش کنید

Pushing

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

مثال

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

آزمایش کنید

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

مثال

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

آزمایش کنید

عناصر جابجا می‌شوند

جابجایی مشابه با pop است، اما با حذف نخستین عنصر و نه آخرین آن.

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

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();            // از fruits نخستین عنصر را حذف می‌کند: "Banana"

آزمایش کنید

shift() این روش عناصری که "جابجا" شده‌اند را برمی‌گرداند:}

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();             // بازگشت "Banana"

آزمایش کنید

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

مثال

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

آزمایش کنید

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

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // بازگشت 5

آزمایش کنید

تغییر عنصر

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

آرایهشاخص (مقادیر)با شروع از 0. [0] اولین عنصر آرایه است، [1] دومین و [2] سومین ...

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // تغییر اولین عنصر fruits به "Kiwi"

آزمایش کنید

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

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // اضافه کردن "Kiwi" به fruits

آزمایش کنید

حذف شوند

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

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // تغییر اولین عنصر fruits به undefined

آزمایش کنید

برای حذف استفاده کنید delete فضاهای خالی غیر تعریف شده در آرایه باقی می‌گذارد. از pop() یا shift() به جای آن استفاده کنید.

ترکیب آرایه‌ها

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

مثال

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

آزمایش کنید

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

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

پارامترهای باقی‌مانده ("Lemon","Kiwi") تعریف می‌کنند که عناصر جدیدی که باید اضافه شوند.

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

مثال

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

آزمایش کنید

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

با تنظیم هوشمندانه پارامترها، شما می‌توانید از splice() حذف عنصر بدون ایجاد فضاهای خالی در آرایه:

مثال

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // حذف اولین عنصر fruits

آزمایش کنید

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

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

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

ادغام (پیوستن) آرایه‌ها

concat() این روش آرایه جدیدی ایجاد می‌کند که از طریق ادغام (پیوستن) آرایه‌های موجود ایجاد شده است:

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

var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);   // myGirls و myBoys را متصل می‌کند

آزمایش کنید

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

concat() این روش می‌تواند تعداد نامحدودی از پارامترهای آرایه را استفاده کند:

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

var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);   // arr1، arr2 و arr3 را به هم متصل می‌کند

آزمایش کنید

concat() این روش همچنین می‌تواند مقادیر را به عنوان پارامتر پذیرد:

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

var arr1 = ["Cecilie", "Lone"];
var myChildren = arr1.concat(["Emil", "Tobias", "Linus"]);

آزمایش کنید

برش آرایه

slice() این روش از یک بخش از آرایه برای ایجاد آرایه جدید استفاده می‌کند.

این مثال از عنصر آرایه‌ای شماره 1 ("Orange") شروع به برش یک بخش از آرایه می‌کند:

مثال

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

آزمایش کنید

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

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

مثال

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

آزمایش کنید

slice() دو پارامتر را می‌پذیرد، مانند (1, 3).

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

مثال

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

آزمایش کنید

اگر پارامتر پایان مشخص نشده باشد، مانند مثال اول، پس slice() بخش باقی‌مانده‌ی آرایه را برش می‌دهد.

مثال

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

آزمایش کنید

toString() خودکار

اگر نیاز به ارزش‌های اصلی دارید، JavaScript به طور خودکار آرایه را به یک رشته تبدیل می‌کند. دو مثال زیر نتایج مشابهی را تولید می‌کنند: }}

مثال

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

آزمایش کنید

مثال

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

آزمایش کنید

تمام شیءهای JavaScript toString() روش.

مرتبه‌بندی آرایه

در فصل بعدی، ما به دانش مرتبه‌بندی آرایه‌ها خواهیم پرداخت~.

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

هیچ تابع داخلی برای پیدا کردن بیشترین و کمترین ارزش در آرایه JavaScript وجود ندارد.

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

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

برای دسترسی به منبع راهنمای کامل، لطفاً به منابع ما کامل منبع راهنمای آرایه JavaScript.

این منبع راهنما شامل توضیحات و مثال‌های تمام ویژگی‌ها و روش‌های آرایه است.