معرفی حلقه for…in در جاوااسکریپت

آموزش javascript
آموزش جاوااسکریپت و طراحی سایت

سلام خدمت دوستان و کاربران سایت میزفا؛ در پست قبل از دوره آموزش جاوااسکریپت و طراحی سایت درمورد حلقه for صحبت کردیم ودراین پست قصد داریم تا با شکل دیگر از حلقه for آشنا بشیم که بهینه تر هست و در ادامه می تواند کاربرد زیادی داشته باشد.

حلقه for…in

در حلقه for…in از خواص اشیاء (Objects)  استفاده می شود. که البته الان در این پست هدف ما آموزش و آشنایی با اشیاء (Objects) درزبان جاوااسکریپت  نیست. لازم به ذکر است شاید چون هنوز شما با اشیا در جاوااسکریپت آشنا نشده اید خیلی با این حلقه راحت نباشید.اما هنگامی که شما با اشیا در جاوااکسریپت آشنا بشید متوجه خواهید شد که این حلقه می تواند کاربرد و استفاده زیادی داشته باشد.

توضیح : در این حلقه در هر بار اجرا یک ویژیگی از شی به متغیر (variablename) داده می شود و این حلقه تا زمانی که تمام ویژیگی ها (خواص) تمام نشده اند اجرا می شود.

به مثال های زیر توجه کنید:

در این مثال تمام ویژیگی های شی Navigator نمایش داده می شوند.(در ادامه با اشیا در جاوااسکریپت بیشتر آشنا خواهیم شد و اینکه الان برای فهم این سوال نیاز به اطلاعات زیادی در مورد اشیا نیست)

مثال اول:

<html>
   <body>
      
      <script type="text/javascript">
         <!--
            var aProperty;
            document.write("Navigator Object Properties<br /> ");
         
            for (aProperty in navigator) {
               document.write(aProperty);
               document.write("<br />");
            }
            document.write ("Exiting from the loop!");
         //-->
      </script>
      
      <p>Set the variable to different object and then try...</p>
   </body>
</html>

خروجی (output):

Navigator Object Properties 
serviceWorker 
webkitPersistentStorage 
webkitTemporaryStorage 
geolocation 
doNotTrack 
onLine 
languages 
language 
userAgent 
product 
platform 
appVersion 
appName 
appCodeName 
hardwareConcurrency 
maxTouchPoints 
vendorSub 
vendor 
productSub 
cookieEnabled 
mimeTypes 
plugins 
javaEnabled 
getStorageUpdates 
getGamepads 
webkitGetUserMedia 
vibrate 
getBattery 
sendBeacon 
registerProtocolHandler 
unregisterProtocolHandler 
Exiting from the loop!
Set the variable to different object and then try...

مثال دوم :

در این مثال متغیر person به صورت یک شی (Object) تعریف شده است.

var person = {fname:"John", lname:"Doe", age:25}; 
 
  var text = "";
var x;
for (x in person) {
     text += person[x] + " ";
  }

خروجی (output):

 John Doe 25

انشالله در پست بعدی با آموزش نحوه کنترل کردن حلقه ها  که  آخرین پست از مبحث عبارات شرطی هست در خدمت شما هستیم.

منابع:www.w3schools.com  و www.tutorialspoint.com

فیلم آموزشی asp.net core 2

امین عزیزی‌پور
دانشجوی مهندسی نرم افزار هستم. مدتی است پیرامون طراحی وب فعالیت می کنم و خوشحال هستم از این که بستری مهیا شده تا بتونم دانسته هام رو بروز نگه دارم، امیدوارم مطالبی که به اشتراک گذاشته میشه مفید باشن. “لطف کنید پیشنهادات و انتقادات خودتون رو با ما مطرح کنید.”

فیلم آموزشی asp.net core 2

بدون نظر

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

حداکثر حجم فایل برای آپلود: 1 مگابایت. فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ. شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید. Drop file here

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=