متدهای آرایه در JavaScript
یادگیری JavaScriptتبدیل آرایه ها به رشته ها
روش جاوا اسکریپت toString () یک آرایه را به یک رشته از مقادیر آرایه ای (با کاما جدا شده) تبدیل می کند.
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
مشاهده مثالمتد join () همچنین تمام عناصر آرایه را به یک رشته متصل می کند.
این درست مثل toString () عمل می کند، اما علاوه بر این شما می توانید جداکننده را مشخص کنید:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");
مشاهده مثالپرش و فشار دادن
وقتی با آرایه ها کار می کنید، عناصر را حذف کنید و عناصر جدید را اضافه کنید.
این چیزی است که ظاهری و فشار دادن است:
آیتم های ظاهر شده از یک آرایه یا فشار دادن آیتم ها به آرایه صورت میگیرد
ظاهر شدن
روش pop () آخرین عنصر را از آرایه حذف می کند:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop(); // Removes the last element ("Mango") from fruits
مشاهده مثالروش pop () مقداری را که "ظاهر شد" باز می گرداند:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop(); // the value of x is "Mango"
مشاهده مثالفشار دادن
روش push () یک عنصر جدید را به آرایه اضافه می کند (در انتها):
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi"); // Adds a new element ("Kiwi") to fruits
مشاهده مثالروش push () طول آرایه جدید را باز می کند:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.push("Kiwi"); // the value of x is 5
مشاهده مثال
عناصر متحرک
جابجایی معادل ظاهر شدن است، کار بر روی عنصر اول به جای آخرین.
روش shift () اولین عنصر آرایه را حذف می کند و تمام عناصر دیگر را به یک شاخص پایین تر تغییر می دهد.
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift(); // Removes the first element "Banana" from fruits
مشاهده مثالمتد shift () رشته ای را که تغییر داده شده باز می کند:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift(); // Returns "Banana"
مشاهده مثالروش unshift () یک عنصر جدید را به یک آرایه (در ابتدا) اضافه می کند و عناصر قدیمی را غیرفعال می کند:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon"); // Adds a new element "Lemon" to fruits
مشاهده مثالروش unshift () طول آرایه جدید را باز می کند.
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon"); // Returns 5
مشاهده مثالتغییر عناصر
عناصر آرایه با استفاده از شماره فهرست آنها قابل دسترسی هستند:
نکته: عناصر آرایه با 0. شروع می شوند [0] اولین عنصر آرایه است، [1] دوم است، [2] سوم است ...
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi"; // Changes the first element of fruits to "Kiwi"
مشاهده مثالطول یک راه آسان برای اضافه کردن یک عنصر جدید به یک آرایه فراهم می کند:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi"; // Appends "Kiwi" to fruit
مشاهده مثالحذف عناصر
از آنجا که جاوا اسکریپت آرایه ها هستند، عناصر می توانند با استفاده از عملگر جاوا اسکریپت حذف شوند:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0]; // Changes the first element in fruits to undefined
مشاهده مثالیکپارچه سازی آرایه
روش splice () می تواند برای اضافه کردن آیتم های جدید به یک آرایه استفاده شود:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
مشاهده مثالپارامتر اول (2) موقعیتی را که عناصر جدید باید اضافه شود ((spliced in)) تعریف می کند.
پارامتر دوم (0) چند عنصر را حذف می کند.
بقیه پارامترها ("Lemon" , "Kiwi") عناصر جدید را اضافه می کنند.
با استفاده از splice () برای حذف عناصر
با تنظیم پارامتر هوشمند، شما می توانید از splice () برای حذف عناصر بدون ترک "holes" در آرایه استفاده کنید:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1); // Removes the first element of fruits
مشاهده مثالاولین پارامتر (0) موقعیتی را که عناصر جدید باید اضافه شود ((spliced in)) تعریف می کند.
پارامتر دوم (1) تعریف می کند که چند عنصر باید حذف شود.
بقیه پارامترها حذف می شوند. عناصر جدید اضافه نخواهند شد.
ادغام (ترکیب کردن) آرایه ها
روش concat () آرایه جدیدی با ترکیب (ترکیب کردن) آرایه های موجود ایجاد می کند:
var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys); // Concatenates (joins) myGirls and myBoys
مشاهده مثالروش concat () آرایه های موجود را تغییر نمی دهد. این همیشه یک آرایه جدید را بازگرداند.
روش concat () می تواند هر تعداد استدلال آرایه را انجام دهد:
var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3); // Concatenates arr1 with arr2 and 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() خودکار
جاوا اسکریپت به طور خودکار یک آرایه را به یک رشته جدا شده با کاما تبدیل می کند زمانی که یک مقدار ابتدایی انتظار می رود.
این همیشه زمانی است که شما سعی می کنید خروجی یک آرایه را ایجاد کنید.
این دو نمونه نتیجه ی مشابهی خواهند داشت.
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
مشاهده مثالvar fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
مشاهده مثالنکته: تمام اشیاء جاوا اسکریپت به روش toString () می باشند.
پیدا کردن حداکثر و حداقل مقدار در یک آرایه
هیچ توابع درونی برای پیدا کردن بالاترین یا کمترین مقدار در یک آرایه جاوا اسکریپت وجود ندارد.
شما خواهید آموخت که چگونه این مشکل را در فصل بعدی این آموزش حل کنید.
مرتب سازی آرایه ها
مرتب سازی آرایه ها در فصل بعدی این آموزش پوشش داده می شود.
نظر شما
>