نویسنده پشتیبانی وب یار
امتیاز مطلب
تعداد بازدید 5306
تاریخ بروزرسانی ۹ خرداد ۱۴۰۱

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

بعد از یادگیری انواع داده ها در جاوا اسکریپت نوبت به بحث آرایه ها میرسد که در این مطلب به توضیح آرایه در جاوا اسکریپت می پردازیم.

• آرایه چیست؟
• شکل کلی آرایه
• نحوه ی دسترسی به آرایه
• متدهای آرایه
• متد ()length
• متد()concat
• متد ()join
• متد ()pop
• متد ()Push
• متد ()splice
• متد ()Slice

آرایه چیست؟

آرایه یک نوع خاص از متغیر ها است که با یک نام و نوع داده می توان چندین مقدار را در آن ذخیره کرد ، استفاده می شود.

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

شکل کلی آرایه به صورت زیر می باشد که array-name نام آرایه است و item آیتم های آرایه می باشد.

var array-name = [item1, item2, …];

می خواهیم آرایه ای برای فروشندگان تعریف کنیم که در هر جای دیگر احتیاج به مشخصات فروشندگان داشتیم نیازی به تکرار همه ی اطلاعات نداشته باشیم.
در مثال زیر میبینید که نام آرایه shop می باشد ‎و محصولات با نام های مربوطه در قسمت item نوشته شدند.

<p id=”demo”>pen,eraiser,ball</p>

<script>

var shop = [“pen”, “eraiser”, “ball”];
document.getElementById(“demo”).innerHTML = shop;
</script>

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

برای مقدار دادن به آرایه به صورت زیر عمل می کنیم.

ball[0] = ” Volleyball”;‎

نحوه ی دسترسی به آرایه ها در جاوا اسکریپت

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

var name = pen[0];
var name = pen[10];

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

متد length:

‎ برای مشاهده طول آرایه از length استفاده می کنیم مانند مثال زیر که به ما نشان میدهد آرایه ی shop سه عدد المان دارد.

Shop. Length;

خروجی:

// the length of shop is 3

برای مرتب کردن آرایه از متد ()sort استفاده می شود.

متد ()concat :

برای اتصال دو آرایه استفاده می شود مانند مثال زیر که myfamily برابر با اتصال mygirls و myboys است

var myfamily= myGirls.concat(myBoys)

متد ()join:

متد ()tostring برای جدا کردن عناصر با علامت ستاره می باشد ولی متد ()join تمام عناصر را در آرایه جدید با جدا کننده دلخواه خودتان قرار می دهد.

document.getElementById(“demo”).innerHTML = shop.join(” + “);

متد ()pop:

برای حذف مقدار از آرایه مانند مثال زیر از pop استفاده می کنیم.

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Array</h2>

<h2>pop()</h2>

<p>The pop() method removes the last element from an array.</p>

<p id=”demo1″></p>
<p id=”demo2″></p>

<script>
var shop = [“pen”, “eraiser”, “ball”];

document.getElementById(“demo1”).innerHTML = shop;
shop.pop();
document.getElementById(“demo2”).innerHTML = shop;
</script>

</body>
</html>

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

برای اضافه کردن مقدار به آرایه مانند مثال زیر که کتاب را به فروشگاه مان اضافه کردیم  از push استفاده می کنیم.

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Array Methods</h2>

<h2>push()</h2>

<p>The push() method appends a new element to an array.</p>

<button onclick=”myFunction()”>Try it</button>

<p id=”demo”></p>

<script>
var shop = [“pen”, “eraiser”, “ball”];

document.getElementById(“demo”).innerHTML = shop;

function myFunction() {
shop.push(“book”);
document.getElementById(“demo”).innerHTML = shop;
}
</script>

</body>
</html>

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

برای اضافه و پاک کردن قسمت های خاص آرایه از این متد استفاده می شود که دو پارامتر می گیر که اولی (2) برای مشخص کردن چندمین مقدار آرایه و دومین مقدار (1) برای مشخص کردن تعداد مقدار حذف شدن می باشد.

shop.splice(2, 1);

متد ()Slice:

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

var نام آرایه جدید = نام آرایه فعلی.slice(1);

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

مقالات مرتبط

نشانی ایمیل شما منتشر نخواهد شد.