logo
logo
تبلیغ کلیکی تاپ سایت 98

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

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

آموزش آرایه ها در جاوا اسکریپت شامل تعریف آرایه ، تغییر آرایه ، دستور length ، دسترسی به عناصر آرایه ، اضافه کردن ارایه و غیره. همراه با چندین مثال جالب و توضیحات کامل. پس با ما باشید.

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

تعریف آرایه

در بخش زیر به تعریف آرایه می پردازیم.

آرایه چیست؟ آرایه را می توان یک متغیر نامید که دارای چندین مقدار است.

آرایه های جاوا اسکریپت برای ذخیره چندین متغیر در یک متغیر استفاده می شوند.

آرایه ها کاربرد مختلفی دارند و در بسیاری از پروژه های بزرگ ، بکار می روند.

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

سپس باید مقادیر آرایه را در آن قرار داد.

در مثال زیر ما یک آرایه بنام fname تعریف کرده ایم سپس سه مقدار ali و  reza و majid را به آن داده ایم.

حال مقادیر آرایه را در پاراگراف نمایش داده ایم.

خروجی مثال زیر چاپ و نمایش مقادیر آرایه میباشد.

<!DOCTYPE html>
<html>
<body>
<h1>TopSite98.com – JavaScript Arrays</h1>
<p id=”top”></p>
<script>
var fname = [“ali”, “reza”, “majid”];
document.getElementById(“top”).innerHTML = fname;
</script>
</body>
</html>

استفاده از new در آرایه

روش دیگر تعریف آرایه ، استفاده از new در آرایه میباشد.

در مثال زیر با این روش آشنا می شوید. برای ساخت آرایه می توانیم از new array استفاده کرد.

خروجی این مثال با مثال بالایی یکی میباشد.

<!DOCTYPE html>
<html>
<body>
<h1>TopSite98.com - JavaScript Arrays</h1>
<p id="top"></p>
<script>
var fname = new Array("ali", "reza", "majid");
document.getElementById("top").innerHTML = fname;
</script>
</body>
</html>

دسترسی به عناصر آرایه

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

خانه اول آرایه صفر است یعنی برای نمایش و چاپ شماره اول آرایه می توانیم به شکل زیر عمل نماییم.

document.getElementById("top").innerHTML = fname[0];

با این دستور مقدار ali چاپ می شود.

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

جهت تغییر عناصر آرایه می توانیم نام خانه آرایه را مشخص کنیم و مقدار جدیدی را در آن قرار دهیم.

در قسمت زیر ما عنصر دوم آرایه یعنی reza را تغییر می دهیم و مقدار matin را جایگزین آن می کنیم.

fname[1]="matin";

حال اگر مقادیر را چاپ کنیم متوجه میشویم که مقدار خانه دوم آرایه تغییر کرده است.

آرایه ها شی هستند

آرایه ها شی یا object هستند. در آرایه ها می توانیم عدد نیز وارد کنیم.

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

<!DOCTYPE html>
<html>
<body>
<h1>TopSite98.com - JavaScript Arrays</h1>
<p id="top"></p>
<script>
var fname = new Array("ali", "reza", 55);
document.getElementById("top").innerHTML = fname;
</script>
</body>
</html>

در مثال زیر ما یک روش دیگر نیز معرفی می کنیم.

اشیا برای دسترسی به مقدار ، از نام آن استفاده می کند.

یعنی ما بجای نوشتن عدد از firstnameاستفاده کرده ایم و مقدار نام را چاپ می کند.

<!DOCTYPE html>
<html>
<body>
<h1>TopSite98.com - JavaScript Arrays</h1>
<p id="top"></p>
<script>
var person = {firstName:"ali", lastName:"rezai", age:22};
document.getElementById("top").innerHTML = person["firstName"];
</script>
</body>
</html>

تعداد خانه های آرایه

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

در زیر نحوه استفاده از ان را مشاهده میکنید.

نتیجه این دستور نمایش عدد 3 میباشد یعنی سه مقدار در آرایه وجود دارد.

document.getElementById("top").innerHTML = fname.length;

دسترسی به آخرین خانه آرایه

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

document.getElementById("top").innerHTML =fname[fname.length-1];

اضافه کردن به آرایه

برای اضافه کردن به آرایه از push استفاده می کنیم.

در مثال زیر ما یک خانه آرایه را اضافه می کنیم و مقدار آن را ehsan می گذاریم.

حال خروجی شامل 4 مقدار خواهد بود.

<script>
var fname = new Array("ali", "reza", 55);
fname.push("ehsan");
document.getElementById("top").innerHTML = fname;
</script>

امیدواریم از این آموزش لذت برده باشید.

موفق باشید.

عزیزانی که تمایل دارند به تیم نویسندگی تاپ سایت 98 بپیوندند می توانند از طریق واتساپ با ما در ارتباط باشند. ما بهترین افراد را به تیم خود اضافه خواهیم کرد.

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

دوره ارز دیجیتال تاپ سایت 98

منبع: تاپ سایت 98

تگ:

دوره های آموزشی دوره های آموزشی

نظرات کاربران

از دیدگاه مرتبط با موضوع استفاده نمایید.

از تبلیغ سایت یا شبکه اجتماعی خودداری فرمایید.

برای پاسخ گویی بهتر در سایت ثبت نام نمایید و سپس سوال خود را مطرح فرمایید.