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

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

آموزش آرایه ها در جاوا اسکریپت شامل تعریف آرایه ، تغییر آرایه ، دستور 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>