آموزش JavaScript
دسته بندی ( ۲۶۰ آموزش )
نمایش دسته بندی ها (۲۶۰ آموزش)
مباحث اولیه، در JavaScript
مباحث اولیه، در JavaScript 18
کنسول (Console)، در JavaScript
کنسول (Console)، در JavaScript 24
نمایش متن در خروجی صفحه، در JavaScript
نمایش متن در خروجی صفحه، در JavaScript 2
عملگرها (Operator)، در JavaScript
عملگرها (Operator)، در JavaScript 0
متغیرها (Variable)، در JavaScript
متغیرها (Variable)، در JavaScript 8
رشته ها (متن ها - String)، در JavaScript
رشته ها (متن ها - String)، در JavaScript 28
نمایش پیام، در JavaScript
نمایش پیام، در JavaScript 4
توابع (Function)، در JavaScript
توابع (Function)، در JavaScript 5
حلقه ها (Loop)، در JavaScript
حلقه ها (Loop)، در JavaScript 3
آرایه ها (Array)، در JavaScript
آرایه ها (Array)، در JavaScript 34
شیء ها (Object)، در JavaScript
شیء ها (Object)، در JavaScript 2
انتخاب عنصرهای صفحه (اشاره به عنصرهای صفحه)، در JavaScript
انتخاب عنصرهای صفحه (اشاره به عنصرهای صفحه)، در JavaScript 7
کلاس های (Class) عنصرها، در JavaScript
کلاس های (Class) عنصرها، در JavaScript 5
id عنصرها، در JavaScript
id عنصرها، در JavaScript 0
مشخصه های (Attribute) عنصرها، در JavaScript
مشخصه های (Attribute) عنصرها، در JavaScript 1
رویدادها (Event)، در JavaScript
رویدادها (Event)، در JavaScript 0
عملیات های ریاضی، در JavaScript
عملیات های ریاضی، در JavaScript 18
تاریخ و زمان، در JavaScript
تاریخ و زمان، در JavaScript 10
زمان بندی اجرای کدها، در JavaScript
زمان بندی اجرای کدها، در JavaScript 2
افزودن و یا حذف محتوا و کد، به صفحه، در JavaScript
افزودن و یا حذف محتوا و کد، به صفحه، در JavaScript 6
فرم ها (Form)، در JavaScript
فرم ها (Form)، در JavaScript 11
عکس ها (Image)، در JavaScript
عکس ها (Image)، در JavaScript 2
دکمه ها (Button)، در JavaScript
دکمه ها (Button)، در JavaScript 2
لینک ها (Link)، در JavaScript
لینک ها (Link)، در JavaScript 5
پنجره ها (Window)، در JavaScript
پنجره ها (Window)، در JavaScript 2
جدول ها (Table)، در JavaScript
جدول ها (Table)، در JavaScript 1
رنگ ها (Color) و تعیین رنگ، در JavaScript
رنگ ها (Color) و تعیین رنگ، در JavaScript 1
کلیک کردن (Click)، در JavaScript
کلیک کردن (Click)، در JavaScript 1
اسکرول (Scroll)، در JavaScript
اسکرول (Scroll)، در JavaScript 2
کار با کل صفحه، در JavaScript
کار با کل صفحه، در JavaScript 1
صفحه فعلی (Current Page)، در JavaScript
صفحه فعلی (Current Page)، در JavaScript 19
دریافت ورودی از کاربر، در JavaScript
دریافت ورودی از کاربر، در JavaScript 1
تمرکز (Focus)، در JavaScript
تمرکز (Focus)، در JavaScript 3
مرورگر اینترنت (Browser)، در JavaScript
مرورگر اینترنت (Browser)، در JavaScript 3
ذخیره اطلاعات در مرورگر اینترنت (Browser) کاربر، در JavaScript
ذخیره اطلاعات در مرورگر اینترنت (Browser) کاربر، در JavaScript 10
کار با کیبورد (Keyboard)، در JavaScript
کار با کیبورد (Keyboard)، در JavaScript 2
موس، در JavaScript
موس، در JavaScript 1
Iframe ها، در JavaScript
Iframe ها، در JavaScript 1
بارگذاری (دانلود) فایل، در JavaScript
بارگذاری (دانلود) فایل، در JavaScript 1
علامت ها (Sign)، در JavaScript
علامت ها (Sign)، در JavaScript 0
تکنیک Ajax ، در JavaScript
تکنیک Ajax ، در JavaScript 4
ساختار JSON ، در JavaScript
ساختار JSON ، در JavaScript 0
منسوخ شده ها (Deprecated و Obsolete)، در JavaScript
منسوخ شده ها (Deprecated و Obsolete)، در JavaScript 1
مباحث عمومی، در JavaScript
مباحث عمومی، در JavaScript 2

ساخت آرایه ها (Arrays)، به روش ساده و یا با کلاس Array ، در JavaScript

در مبحثی دیگر، چگونگی تعریف متغیر ها (variables) با استفاده از دستور var را شرح دادیم، اما گاهی اوقات نیاز داریم که تعدادی مقدار را به صورت همزمان و در یک آرایه (Array) تعریف کنیم. برای این منظور، می توانیم از هر یک از روش های زیر اقدام کنیم :

1- تعریف آرایه، تنها با به کار بردن دستور var :

همان طور که مشاهده می کنید، شماره (اندیس) عنصر را در جلوی نام آرایه (Array) و در میان علامت های [ و ] قرار می دهیم و سپس یک علامت تساوی و در آخر، مقدار مورد نظرمان برای آن عنصر از آرایه را می نویسیم.

نکته مهم این است که اندیس هایی که برای عنصرهای آرایه در نظر می گیریم، از عدد صفر شروع می شوند (نه از عدد یک).

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

2- تعریف آرایه، با استفاده از کلاس Array :

از کلاس (class) با نام Array ، یک شیء (object) ساخته ایم. اگر مفاهیم کلاس (class) و شیء (object) را نمی دانید، باید بگویم که این مفاهیم، مربوط به برنامه نویسی شیء گرا (oop) می باشد (نیازی نیست که حتما این مفاهیم را بدانید).

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

نکته

برای عناصر یک آرایه، اندیس، هم می تواند به صورت عدد باشد و هم به صورت رشته (string). برای اندیس به صورت عدد، کدهایی را شرح دادیم، بد نیست کدهایی را هم برای تعیین اندیس به صورت رشته (string) ارائه کنیم :

و یا کد زیر :

با توجه به کدهای بالا، اکنون اگر بخواهیم به مقدار value2 در آرایه myarray اشاره کنیم، باید عبارت زیر را بنویسیم :

مثال

سه پاراگراف با id های برابر paragraph1 و paragraph2 و paragraph3 تعریف می کنیم و سپس با کدهای javascript ، یک آرایه با نام colorNames تعریف می کنیم که نام سه رنگ مختلف در آن ذخیره شده است و سپس با روش document.getElementById ، به هر یک از پاراگراف ها، ارجاع می دهیم و رنگ پس زمینه آنها را بر اساس یکی از عناصر آرایه colorNames قرار می دهیم :

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
نویسنده علیرضا گلمکانی
شماره کلید 2401
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)

جستجو در کلیدستان، توسط گوگل

جستجو در عنوان کلیدها

دسترسی سریع

کلید
×

شماره کلید


دسته بندی
×

شماره دسته کلید


جستجو
×

جستجو