سلام دوستان عزیز ، امیدوار که حالتون خوب یاشید و با آموزشهای امروز ما همراه بمانید.
۱ معرفی زبان برنامه نویسی تحت وب JavaScript
۲ مرور کلی بر زبان جاوا اسکریپت ۳ آموزش ساختار دستوری جاوا اسکریپت ۴ آموزش فعال سازی جاوا اسکریپت در مرورگرها ۵ آموزش محل قرارگیری دستورات جاوااسکریپت-javascript 6 آموزش دستورات جاوا اسکریپتstatements 7 آموزش متغیرها و انواع داده ای در زبان جاوا اسکریپت ۸ آموزش محل قرار گیری کدهای جاوا اسکریپت ۹ آموزش خروجی جاوا اسکریپت ۱۰ آموزش Syntax جاوا اسکریپت ۱۱ آموزش توضیحات در جاوا اسکریپت ۱۲ آموزش متغیرها در جاوا اسکریپت ۱۳ آموزش عملگرهای محاسباتی جاوا اسکریپت ۱۴ آموزش عملگر های جایگزین در جاوا اسکریپت ۱۵ آموزش انواع داده در جاوا اسکریپت-data types 16 آموزش توابع (functions) درجاوا اسکریپت ۱۷ آموزش اشیا متدها و خصوصیات javascript 18 آموزش حوزه ی دسترسی در جاوا اسکریپت / JavaScript Scope 19 آموزش رخدادادها در جاوا اسکریپت-JavaScript 20 آموزش رشته ها (string) در جاوا اسکریپت ۲۱ آموزش متد های رشته ای در جاوا اسکریپت ۲۲ آموزش اعداد در جاوا اسکریپت ۲۳ آموزش متد های مربوط به اعداد در جاوا اسکریپت ۲۴ آموزش شی math در جاوا اسکریپت ۲۵ آموزش کار با تاریخ در جاوا اسکریپت ۲۶ آموزش قالب های تنظیم تاریخ در جاوا اسکریپت ۲۷ آموزش متد های تاریخ در جاوا اسکریپت ۲۸ آموزش آرایه ها در جاوا اسکریپت ۲۹ آموزش توابع مرتبط با آرایه ها در جاوا اسکریپت ۳۰ آموزش Boolean در جاوا اسکریپت ۳۱ آموزش عملگرهای مقایسه و منطقی در جاوا اسکریپت ۳۲ آموزش دستورات if .. else زبان جاوا اسکریپت ۳۳ آموزش دستور switch case در جاوا اسکریپت ۳۴ آموزش حلقه ی for در جاوا اسکریپت ۳۵ آموزش حلقه While 36 آموزش دستورات Break و Continue 37 آموزش توابع تبدیل نوع در جاوا اسکریپت ۳۸ آموزش عبارات با قاعده در جاوا اسکریپت ۳۹ آموزش مدیریت خطاها در جاوا اسکریپت ۴۰ آموزش Debugging در javascript 41 آموزش Hoisting(رفتار پیش فرض زبان جاوا اسکریپت) ۴۲ آموزش عبارت متنی use strict Directive- JavaScript 43 آموزش نکاتی درباره ی کد نویسی در جاوا اسکریپت ۴۴ آموزش اشتباهات معمولی که در کد نویسی تکرار می شود ۴۵ آموزش نحوه ی بهینه سازی سرعت اجرای کد در جاوا اسکریپت ۴۶ کلمات رزرو شده (reserved keywords) در جاوا اسکریپت ۴۷ آموزش JSON در جاوا اسکریپت ۴۸ آموزش روش های کد نویسی در جاوا اسکریپت
اعتبار سنجی در جاوا اسکریپت
۱ آموزش اعتبار سنجی فرم های جاوا اسکریپت
۲ آموزش توابع اعتبار سنجی(API)
اشیاء در جاوا اسکریپت
۱ آموزش تعریف اشیا در جاوا اسکریپت-JavaScript
۲ آموزش خواص اشیا در جاوا اسکریپت-object properties 3 آموزش متدهای شی در جاوا اسکریپت-object methods 4 آموزش نمونه های اولیه شی درجاوا اسکریپت-object prototype
توابع در جاوا اسکریپت
۱ آموزش تعریف های تابع در جاوا اسکریپت-function definition
۲ آموزش پارامترهای تابع در جاوا اسکریپت-function parameters 3 آموزش فراخوانی تابع در جاوا اسکریپت-function invocation 4 آموزش بستارها در جاوا اسکریپت-closure function
HTML DOM در جاوا اسکریپت
۱ آموزش مدل شی گرای سند HTML
۲ آموزش توابع DOM 3 آموزش JavaScript HTML DOM Document 4 آموزش HTML DOM Elements 5 آموزش تغییر محتوای عناصر HTML DOM 6 آموزش JavaScript HTML DOM Css 7 آموزش HTML DOM EVENTS – رخدادهای مدل DOM 8 آموزش JavaScript EventListener 9 آموزش JavaScript HTML DOM Navigation 10 آموزش javascript Dom Nodes 11 آموزش مجموعه گره ها در جاوا اسکریپت-Node List
آموزش BOM در جاوا اسکریپت
۱ آموزش متغیر Cookie در جاوا اسکریپت
۲ آموزش Location در جاوا اسکریپت ۳ آموزش Navigator در جاوا اسکریپت ۴ پنجره های نمایش پیام در جاوا اسکریپت ۵ شی window.history در جاوا اسکریپت ۶ شی window.screen در جاوا اسکریپت ۷ شی Window مدل شی گرای مرورگر ۸ زمان بندی رخدادها در جاوا اسکریپت
کتابخانه جاوا اسکریپت
۱ آموزش کتابخانه های جاوا اسکریپت
۲ تست کردن کتابخانه prototype 3 تست کردن کتابخانه jQuery
آموزش json
۱ آموزش JSON
۲ JSON چیست ؟
۳ ساختار نگارشی JSON
۴ انواع داده در JSON
۵ روش ایجاد Object در JSON
۶ ساختار (Schema ) داده ای فرمت JSON
۷ مقایسه ی فرمت JSON با XML برای انتقال اطلاعات
۸ آموزش JSON در PHP
۹ آموزش JSON در Perl
۱۰ آموزش JSON در Ruby
۱۱ آموزش JSON در Java
۱۲ JSON و AJAX
آموزش آرایه ها در جاوا اسکریپت
clip_image001
دوره آموزش Javascript
دوره آموزش Jquery
کلیه حقوق مادی و معنوی این مقاله متعلق به آموزشگاه تحلیل داده می باشد و هر گونه استفاده غیر قانونی از آن پیگرد قانونی دارد.
آموزش آرایه ها در javascript
آرایه ها (در جاوا اسکریپت) چندین متغیر را در قالب تنها یک متغیر ذخیره می کنند یا به عبارتی دیگر آرایه یک متغیر خاص است که می توانید به طور همزمان چندین مقدار (بیش از یک مقدار) را در آن ذخیره نمایید.
در این بخش با استفاده از یک اسکریپت، آرایه ها را داخل تگ
با شناسه “demo”نمایش می دهیم.
همان طور که در مثال زیر مشاهده می کنید، اولین خط ، آرایه ای به نام cars ایجاد می کند.
دومین خط المانی که شناسه ی آن “demo”می باشد را یافته سپس آرایه را در “innerHTML” آن المان نمایش می دهد.
مثال
نمونه یک
?
۱
۲
۳
۴
۵
۶
Saab,Volvo,BMW
var cars = [“Saab”, “Volvo”, “BMW”];
document.getElementById(“demo”).innerHTML = cars;
خودتان امتحان کنید.
یک آرایه ایجاد کرده و مقادیری به آن تخصیص دهید.
نمونه دو
?
۱
var cars = [“Saab”, “Volvo”, “BMW”];
فاصله و انتهای خط (line break) از هیچ اهمیتی برخوردار نیستند. یک تعریف (declaration) می تواند در چندین خط ادامه داشته باشد.
مثال
نمونه سه
?
۱
۲
۳
۴
۵
var cars = [
“Saab”,
“Volvo”,
“BMW”
];
توجه
توجه داشته باشید که هیچ گاه پس از آخرین المان (در مثال بالا “BMW”) ویرگول قرار ندهید، زیرا ممکن است در مرورگرهای مختلف نتایج متفاوتی ارائه دهد.
آرایه چیست ؟
شی آرایه یک نوع خاص از متغیر هاست که می تواند چندین داده را در قالب یک نام در خود ذخیره کند. آرایه مجموعه ای از متغیرهایی از یک نوع داده ای با نام یکسان است، که هر کدام از اعضای آن توسط یک شمارنده یا شاخص (index)، از یکدیگر تمیز داده می شوند.
به عنوان مثال فرض کنید فهرستی از اقلام یا آیتم ها (برای مثال لیستی از اسم ماشین ها) را دارید که هر یک در متغیر ی مجزا ذخیره می گردد.
var car1 = “Saab”;
var car2 = “Volvo”;
var car3 = “BMW”;
چنانچه بخواهیم درون آیتم های فوق حلقه زده (آن ها را تکرار کرده) و ماشین مورد نظر را پیدا کنیم چه اتفاقی رخ می دهد؟ اگر تعداد ماشین ها ۳ تا نه بلکه ۳۰۰ تا بود چه اتفاقی رخ می داد؟
این مسئله با بهره گیری از آرایه حل می شود.
یک آرایه همان طور که پیش تر ذکر کردیم قادر است چندین مقدار را تحت نام یکسان در خود ذخیره کرده و از طریق اندیس به آن مقادیر دسترسی پیدا کند.
ایجاد آرایه
استفاده از یک آرایه ی متنی (array literal) بهترین و نیز آسان ترین روش برای ایجاد یک آرایه ی جاوا اسکریپت می باشد.
دستور نگارش (syntax)
var array-name = [item1, item2, …];
مثال
var cars = [“Saab”, “Volvo”, “BMW”];
استفاده از کلید واژه ی new
مثال زیر نیز یک آرایه ایجاد کرده و به آن مقادیری را تخصیص می دهد.
مثال
نمونه چهار
?
۱
var cars = new Array(“Saab”, “Volvo”, “BMW”);
نکته
دو مثال بالا هر دو یک کار یکسان را انجام می دهند. نیازی به استفاده از new Array() وجود ندارد. برای آسانی، قابلیت خوانایی بیشتر و نیز افزایش سرعت اجرا توصیه می کنیم از نمونه ی اول استفاده کنید.
دسترسی به المان های آرایه
برای دسترسی به المان مورد نظر در آرایه از شماره ی اندیس کمک می گیریم.
دستور زیر نحوه ی دسترسی به مقدار اولین المان را نمایش می هد.
var name = cars[0];
دستور زیر اولین المان را اصلاح می کند.
cars[0] = “Opel”;
توجه
دقت داشته باشید که [۰] اولین المان محسوب می گردد و [۱] دومین شمارنده ی آرایه ها در جاوا اسکریپت از صفر آغاز می شود.
امکان داشتن چندین شی مختلف در یک آرایه
متغیر در جاوا اسکریپت می تواند یک شی باشد. در حقیقت آرایه یک نوع خاص شی محسوب می گردد، به این خاطر هم می توانید متغیرهایی از نوع های مختلف در یک آرایه داشته باشیم.
می توان اشیا (object)، توابع (function) یا آرایه (array) در دل آرایه ی دیگر قرار داد.
myArray[0] = Date.now;
myArray[1] = myFunction;
myArray[2] = myCars;
آرایه یک شی است
آرایه یک نوع خاص شی است. عملگر (operator) typeof در جاوا اسکریپت (برای آرایه) “object” بازمی گرداند.
آریه برای دسترسی به المان های خود از شماره کمک می گیرد. به عنوان مثال person[0] المان John را باز می گرداند.
Arrayمثال
نمونه پنج
?
۱
var person = [“John”, “Doe”, 46];
اشیا با استفاده از اسم (name) به اعضای (“member”) خود دستیابی پیدا می کنند. برای مثال person.firstName المانJohn را بازیابی می کند.
Objectمثال
نمونه شش
?
۱
var person = {firstName:”John”, lastName:”Doe”, age:46};
property ها (خواص) و method های (توابع) مربوط به آرایه
اگر به مثال زیر دقت کنید متوجه می شوید که length property تعداد المان های موجود در cars را برمی گرداند و تابع sort()، cars را به ترتیب حروف الفبا مرتب سازی (sort) می کند.
مثال
var x = cars.length; // The length property returns the number of elements in cars
var y = cars.sort(); // The sort() method sort cars in alphabetical order
تشریح خاصیت length
length property یک آرایه، طول یا تعداد المان های موجود در یک آرایه را باز گردانی می کند.
مثال
نمونه هفت
?
۱
۲
var fruits = [“Banana”, “Orange”, “Apple”, “Mango”];
fruits.length; // the length of fruits is 4
افزودن المان جدید به یک آرایه
آسان ترین روش برای افزورن یک element جدید به آرایه، استفاده از تابع (method) push می باشد.
مثال
نمونه هشت
?
۱
۲
var fruits = [“Banana”, “Orange”, “Apple”, “Mango”];
fruits.push(“Lemon”); // adds a new element (Lemon) to fruits
همچنین می توان این کار را با بهره گیری از length property انجام داد.
مثال
نمونه نه
?
۱
۲
var fruits = [“Banana”, “Orange”, “Apple”, “Mango”];
fruits[fruits.length] = “Lemon”; // adds a new element (Lemon) to fruits
ایجاد یک حلقه در آرایه (تکرار المان های یک آرایه به تعداد دفعات معین)
در loop for مجموعه دستورالعمل ها به تعداد معلوم و مورد نیاز، تکرار می شوند. یکی از بهترین روش های تکرار المان های یک آرایه استفاده از حلقه ی بیان شده است.
مثال
نمونه ده
?
۱
۲
۳
۴
۵
var index;
var fruits = [“Banana”, “Orange”, “Apple”, “Mango”];
for (index = 0; index -1;
}
function (تابع) بالا همیشه در صورتی که آرگومان مورد نظر یک آرایه باشد، مقدار true باز می گرداند و یا اگر بخواهیم دقیق تر توضیح بدیم اگر نوع ورودی تابع از نوع “[object array]” باشد مقدار صحیح (true) برمی گرداند.
آموزش آرایه ها در جاوا اسکریپت