
آموزش شیء Array در JavaScript کار با آرایه ها در جاوااسکریپت
شیء آرایه (Array) این امکان را به ما می دهد که مقادیر چندگانه را در یک متغیر واحد ذخیره نماییم. شیء آرایه ، مجموعه متوالی از المان ها از نوع مشابه و با اندازه ثابت را ذخیره می نماید. یک آرایه برای ذخیره کردن مجموعه ای از داده ها استفاده می شود ، اما بهتر است آرایه را به عنوان مجموعه ای از متغیرها از نوع یکسان تصور کنیم.
Syntax
قاعده نوشتاری (syntax) زیر برای ایجاد یک شیء Array استفاده می شود:
var fruits = new Array( "apple", "orange", "mango" );
پارامتر Array لیستی از رشته ها یا اعداد صحیح می باشد. هنگامی که ما یک پارامتر عددی واحد را با سازنده Array مشخص می کنیم ، در واقع ما طول اولیه آرایه را مشخص می کنیم. طول بیشینه مجاز برای یک آرایه برابر با مقدار 4,294,967,295 می باشد.
می توانیم آرایه را از طریق تخصیص ساده مقادیر به صورت زیر ایجاد نماییم:
var fruits = [ "apple", "orange", "mango" ];
ما از اعداد ترتیبی برای دسترسی و تنظیم مقادیر داخل یک آرایه به صورت زیر استفاده می کنیم:
fruits[0] is the first element
fruits[1] is the second element
fruits[2] is the third element
خصیصه های آرایه
در اینجا فهرستی از خصیصه های شیء Array همراه با توضیحات آنها آورده می شود:
ردیف |
خصیصه و توضیحات |
1 |
constructor یک ارجاع را به تابع array که شیء را ایجاد می کند ، باز می گرداند. |
2 |
index این خصیصه نشان دهنده ایندکس از شماره صفر (zero-based) است که برای تطبیق در رشته می باشد. |
3 |
input این خصیصه تنها در آرایه هایی که توسط تطابق های منظم عبارت ایجاد شده اند ، وجود است. |
4 |
length تعداد المان ها در یک آرایه را انعکاس می دهد. |
5 |
prototype خصیصه prototype این امکان را به ما می دهد که خصیصه ها و متدهایی را به یک شیء اضافه نماییم. |
در بخش های بعدی ، مثال هایی را برای نشان دادن نحوه کاربرد خصیصه های شیء Array ارائه خواهیم نمود.
متدهای شیء Array
در اینجا ، فهرستی از متدهای شیء Array که همراه با توضیحات آنها نیز می باشد ، آورده شده است:
ردیف |
متد و توضیحات |
1 |
() concat یک ارایه جدید را که متشکل از این آرایه و سایر آرایه (های) و/یا مقدار(ها)ی که به این آرایه پیوسته اند ، باز می گرداند. |
2 |
() every اگر هر المان موجود در این آرایه ، تابع تست فراهم شده را برآورده سازد ، مقدار true را باز می گرداند. |
3 |
() filter یک آرایه جدید را با تمام عناصر این آرایه ایجاد می کند که برای تابع فیلترینگ فراهم شده مقدار true را باز می گرداند. |
4 |
() forEach یک تابع را برای هر عنصر آرایه فراخوانی می کند. |
5 |
() indexOf اولین (کوچک ترین) ایندکس یک عنصر درون آرایه را که برابر با مقدار مشخص شده است ، باز می گرداند ، و اگر مقدار موردنظر یافت نشود ، مقدار -1 را باز می گرداند. |
6 |
() join تمام عناصر یک آرایه را به داخل یک رشته پیوست می دهد. |
7 |
() lastIndexOf آخرین (بزرگ ترین) ایندکس یک عنصر درون آرایه برابر با مقدار مشخص شده را باز می گرداند ، و اگر مقدار موردنظر یافت نشود ، مقدار -1 را باز می گرداند. |
8 |
() map یک ارایه جدید را با نتایج حاصل از فراخوانی یک تابع فراهم شده برای هر عنصر این آرایه ، ایجاد می نماید. |
9 |
() pop آخرین عنصر یک آرایه را حذف نموده و این عنصر را باز می گرداند. |
10 |
() push یک یا چند عنصر را به انتهای یک آرایه اضافه کرده و طول جدید آرایه را باز می گرداند. |
11 |
() reduce یک تابع را به صورت همزمان در برابر دو مقدار آرایه (از چپ به راست) اعمال می کند تا آرایه را به یک مقدار واحد کاهش دهد. |
12 |
() reduceRight یک تابع را به صورت همزمان در برابر دو مقدار آرایه (از راست به چپ) اعمال می کند تا آرایه را به یک مقدار واحد کاهش دهد. |
13 |
() reverse ترتیب عناصر یک آرایه را معکوس می کند. به این صورت که اولین عنصر ، به عنوان آخرین عنصر و آخرین عنصر به عنوان اولین عنصر آرایه محسوب می شود. |
14 |
() shift اولین عنصر از یک آرایه را حذف کرده و آن عنصر را باز می گرداند. |
15 |
() slice یک بخش از یک آرایه را استخراج کرده و آن بخش را به عنوان یک آرایه جدید باز می گرداند. |
16 |
() some اگر حداقل یک عنصر در این آرایه تابع تست فراهم شده را برآورده سازد ، مقدار true را باز می گرداند. |
17 |
() toSource نشان دهنده کد منبع از یک شیء می باشد. |
18 |
() sort عناصر یک آرایه را مرتب می کند. |
19 |
() splice عناصر یک آرایه را حذف و/یا اضافه می کند. |
20 |
() toString یک رشته را که نشان دهنده آرایه و عناصر آن می باشد ، باز می گرداند. |
21 |
() unshift یک یا چند عنصر را به ابتدای آرایه اضافه می نماید و طول جدید آرایه را باز می گرداند. |
در بخش های بعدی ، مثال هایی را برای نشان دادن نحوه کاربرد متدهای شیء Array ارائه خواهیم نمود.
این فصل در یک نگاه:
در این مجموعه به آموزش کامل ckeditor از نصب آن تا شخصی سازی و افزودن امکانات اختصاصی به ان می پردازیم.…
با توجه به اینکه آموزش جامع و کاملی در مورد نحوه ایجاد و شخصی سازی یک ادیتور در وب سایت و صفحات وب، وجود نداشت برآن شدیم تا یک سری مجموعه آموزشی کامل و جامع در رابطه با این موضوع تهیه نماییم…این فصل در یک نگاه:
نود جی اس چیست؟-اموزش نصب نود جی اس-کار با فایل در نود جی اس-کار با پکیج http در نود جی اس-اموزش کار با npm manager -امو…
توضیحات کلی مجموعه: آموزش صفر تا صد برنامه نویسی nodejs(سورس کدها به همراه اموزش قسمت اخر می باشد) دراین دوره از ابتدا تا سطح حرفه ای نود جی اس رو به کاربران عزیز کلیک سایت اموزش میدیم تا …این فصل در یک نگاه:
در این فصل پروژه ای را انجام خواهی داد که مباحث قبلی را تثبیت کنیمهم چنین مباحث جدید را یاد خواهیک گرفت از جمله:برنامه ر…
با سلام به حرفه ای ترین دوره ی js خوش آمدید این دوره با دو هدف طراحی و ضبط شده است 1-برای افرادی که قصد یادگیری حرفه ای js را دارند(به زودی قسمت های جدید برای این افراد اضافه خواهد شد) 2…این فصل در یک نگاه:
معرفی سنسور ها و قطعات خروجی…
توضیحات کلی مجموعه: ... با سلام خدمت شما کلیک سایتی های عزیز با جذاب ترین و کامل ترین دوره آموزش الکترونیک در خدمت شما هستیم. گاهی اوغات ایده ها یا اختراعی در حوزه الکترونیک به ذهن شما میرس…این فصل در یک نگاه:
در این فصل به بروزرسانی های جاوااسکریپت پرداخته می شود…
توجه: این دوره دائما توسط مهندس روشنایی (مدرس دوره) بروز گردیده و مطابق با آخرین استانداردهای برنامه نویسی آپدیت می شود. توجه فرمائید دریافت آپدیت ها برای خریداران قبلی رایگان می باشد و نیاز…این فصل در یک نگاه:
فصل سوم…
آموزش طراحی ریسپانسیو مدرن و جذابتر نسبت به بوتسرپ (همراه با ساخت صفحه اصلی و پنل یک آژانس مسافربری) آموزش پروژه محور فریمورک متریالایز برای اولین بار بین وب سایت های آموزشی آموزش تمامی …این فصل در یک نگاه:
ساخت منوی مدیریت سایت،ایجاد بخش دسته بندی ها ، جدول نمایش دسته ها و ایجاد دسته جدید،ایجاد بخش ویژگی های یک دسته،ایجاد وی…
این مجموعه با تلفیقی از فریمورک bootstrap و کد های html و css ارائه گردیده و پیش نیاز این آموزش ، دوره دیجی کالای آقای مهندس بلاغی است چون این پروژه در قالب mvc پیاده گردیده و با توجه به ا…این فصل در یک نگاه:
…
در این دوره آموزشی، وبسایت ورزش3 را با استفاده از ASP.NET Core پیاده سازی می کنیم و همچنین اپ اندروید آن را هم با Xamarin متصل به سرور سایت طراحی و در نهایت نحوه انتشار آن در مارکت هایی مثل …این فصل در یک نگاه:
در اصل فصل در مورد performance صحبت خواهیم کرد :-React Performance-Lazy-Error Boundaries و سایت را بر روی هاست واقعی قرا…
با سلام خدمت کلیک سایتی های عزیز، به دوره ی صفر تا صد طراحی سایت با react js خوش آمدید. نکته:این دوره کاملا پروژه محور میباشد نکته:این دوره هیچ پیش نیازی ندارد ReactJS چیست؟ ReactJS اس…این فصل در یک نگاه:
در این فصل(فصل یازدهم مجموعه)،به طراحی CMS (سیستم مدیریت محتوا)اختصاصی فروشگاه می پردازیم.هدف از طراحی این بخش،آنست که م…
در این مجموعه آموزشی قصد داریم از صفر تا صد طراحی یک فروشگاه اینترنتی رو به صورت کامل آموزش بدهیم.این فروشگاه شامل تمامی بخش های مورد نیاز یک فروشگاه اینترنتی است. هدف از این مجموعه،آموزش…این فصل در یک نگاه:
…
پیشنهاد میکنیم دمو دوره رو حتما مشاهده کنید با سلام خدمت دوستان عزیز . ابتدا عرض کنم که این دوره برای دوستانی آماده شده که میخوان وب اپلیکیشن های مدرنی رو طراحی بکنن و وارد بازار کار ط…این فصل در یک نگاه:
ایجاد پروژه آژانس مسافرتی.....…
فصل اول: آشنایی با مبانی برنامه نویسی اندروید آشنایی با معماری برنامه های اندرویدی ساخت شبیه ساز جهت تست پروژه اندروید آشنایی با دستور Toast و حلقه for در برنامه های اندروی…این فصل در یک نگاه:
بهترین و پر بازده ترین روش تبدیل بازدیدکننده سایت به مشتری تبلیغات هدفمند و برند سازی هوشمندانه با ایمیل می باشد. ایمیل…
وبینار(سمینار آنلاین) آموزش تکنیک های ایمیل مارکتینگ اگر تا انتها این متن را مطالعه کنید نظر شما در مورد ایمیل مارکتینگ 180 درجه عوض می شود!! بر هیچکس پوشیده نیست که از سال 1972 که ای…این فصل در یک نگاه:
مباحث تکمیلی فریم ورک لاراول…
فصل اول :آموزش مقدماتی فریم ورک لاراول معرفی فریم ورک لاراول و پیشنیازهای انجام کار انجام کانفیگ های اولیه برای نصب و راه اندازی فریم ورک معرفی روش های نصب پروژه لاراولی از طریق سایت گی…این فصل در یک نگاه:
مباحث مقدماتی فریم ورک react.js…
توضیحات کلی مجموعه: فصل اول : آشنایی با مباحث مقدماتی فریم ورک react.js نصب و راه اندازی node.js و کلیه پیش نیازهای لازم نصب فریم ورک react روی لوکال و انجام تست های لازم آغاز آشنایی …این فصل در یک نگاه:
رشد و درآمدزایی یک وب سایت یا کسب و کار اینترنتی کاملا به ذوق و مهارت وب مستر یا همان مدیر اصلی وب سایت گره خورده و متاس…
اصول مدیریت وب سایت برای وب مستر شدن برای موفقیت یک وب سایت لازم الاجراست. زیرا شما دوست دارید وب سایت خود را به کارخانه پولسازی تبدیل کنید. این واقعیت رویا نیست. هرکس این اصول را بداند به …