AT زندگی روزمرهاغلب بسته به شرایطی لازم است که نوعی تصمیم گیری شود. مثلا اگه آخر هفته هوا گرم باشه میریم دریا وگرنه اگه هوا ابری باشه تو خونه میشینیم.
در برنامه نویسی نیز این امر بسیار رایج است. برای این وجود دارد دو عبارت شرطی، if-else و switch-case. در این مقاله در مورد دستور if-else و در مقاله بعدی در مورد switch-case به شما خواهم گفت.
نحو دستور شرطی if-elseبعد:
اگر شرط درست باشد، کد از بلوک if اجرا می شود، در غیر این صورت، اگر شرط نادرست باشد، کد بلوک else اجرا می شود.
برای درک بهتر، بیایید یک مثال ساده بزنیم، ما مقدار مشخصی پول داریم و می خواهیم یک ماشین بخریم، و در اینجا بلافاصله چنین شرایطی ایجاد می شود، اگر پول کافی داشته باشیم، می توانیم این ماشین را بخریم، در غیر این صورت ما نمی تواند.
پول وار = 35000; // فرض کنید 35000 یورو داریم // ماشینی که می خواهیم بخریم 50000 یورو است. و شرایط زیر رخ می دهد اگر (پول > 50000)( document.write("ما می توانیم یک ماشین بخریم"); )else( document.write("پول کافی برای خرید ماشین نیست");
سند را ذخیره می کنیم، آن را در مرورگر باز می کنیم و می بینیم که پیام زیر در صفحه نمایش داده شده است: "پول کافی برای خرید ماشین وجود ندارد." اگر بیش از 50000 یورو داشتیم، کد از بلوک if اجرا می شد. اگر دقیقاً 50000 یورو داشتیم، پس نمی توانستیم ماشین بخریم، زیرا 50000 بیشتر از 50000 نیست. برای اینکه شرط در این مورد درست باشد، باید علامت بزرگتر یا مساوی بنویسید ( >=).
اظهار نظر! عمل منطقی برابر با دو علامت مساوی (==) نوشته می شود.. همچنین یک عملیات منطقی کمتر یا مساوی با (
استفاده از بریس های فرفری
اگر فقط یک اپراتور وجود داشته باشد بریس هااختیاری است، اگر بیش از یک عبارت در بلوک وجود داشته باشد، در آن صورت مهاربندهای فرفری مورد نیاز است.
مثال بالا بدون بریس های فرفری به خوبی کار خواهد کرد، زیرا هر دو بلوک هر کدام فقط یک عبارت دارند.
داخلش اگه میتونی بنویس عملیات منطقی چه ساده باشند و چه پیچیده. همچنین می توانید از عملگرهای AND (&&) و OR (||) استفاده کنید.
اظهار نظر! وجود بلوک else اختیاری است.
به عنوان مثال، اگر a برابر با b و c برابر با d باشد، پیام مربوطه را نمایش می دهیم، در غیر این صورت اگر بلوک دیگری وجود نداشته باشد، به سادگی به خط بعدی می رویم.
Var a = 4، b = 4، c = 8، d = 8; if((a == b) && (c == d)) document.write("a برابر با b و c برابر با d"); document.write ("خط بعدی کد");
بیانیه if-else if-else
بعد از بلوک if، یک یا چند بلوک if دیگر می توانند دنبال شوند و در پایان یک بلوک else وجود دارد. این زمانی مفید است که شما نیاز به استفاده از بیش از یک شرط دارید.
برای درک بهتر، مثالی از زندگی روزمره می زنیم. مثلا ما تعداد مشخصی سوکت داریم. اگر فقط یک سوکت در اتاق داشته باشیم، می توانیم فقط یک دستگاه را وصل کنیم، اگر دو سوکت وجود داشته باشد، می توانیم دو دستگاه و اگر بیشتر باشد، می توانیم به شبکه برق، همه دستگاه ها از خانه.
حالا بریم سراغ برنامه نویسی.
سوکت var = 2; // تعداد پریزهای خانه if(سوکت == 1) document.write("
ما فقط می توانیم یک دستگاه را وصل کنیم
")؛ else if(socket == 2)( document.write("ما فقط می توانیم دو دستگاه را به هم وصل کنیم
"); document.write("مثلا تلویزیون و لپ تاپ
"); )else( document.write("ما می توانیم همه دستگاه ها را از خانه به شبکه برق متصل کنیم
"); }بسته به مقدار متغیر سوکت، یک یا آن بلوک کد کار خواهد کرد. همانطور که احتمالا قبلاً متوجه شده اید، اگر سوکت برابر با 1 باشد، اولین بلوک کد کار خواهد کرد. اگر سوکت 2 باشد، بلوک دوم کد کار خواهد کرد، و اگر سوکت هر مقدار دیگری باشد (حتی یک عدد منفی) سپس بلوک سوم کد کار خواهد کرد.
کوتاه برای if else
زمانی می توان از مخفف استفاده کرد که بسته به شرایط خاصی، متغیری بتواند مقداری را دریافت کند.
برای مثال، اگر مقدار متغیر a ارزش بیشترمتغیر b سپس پیغام زیر را به متغیر x می نویسیم "متغیر a بزرگتر از متغیر b است" در غیر این صورت می نویسیم "متغیر a کوچکتر از متغیر b است".
Var a = 50، b = 100، x; x = (a > b) ? "
متغیر a بیشترمتغیر ب
" : "متغیر a کمترمتغیر ب
"; //خروجی نتیجه document.write(x);این تمام چیزی است که می خواستم در این مقاله به شما بگویم. دستور شرطی if-else بیشتر از هر اسکریپت استفاده می شود، بنابراین دانستن و درک آن بسیار مهم است. در مقاله بعدی در مورد یکی دیگر از دستورهای شرطی switch-case به شما خواهم گفت.
AT این مثالابتدا چهار متغیر را با تعریف می کنیم کلمه کلیدی var، و بلافاصله مقادیر عددی را به آنها اختصاص دهید. در مرحله بعد، با استفاده از عملگرهای افزایش و کاهش، مقادیر اعداد را تغییر می دهیم. اطلاعات با استفاده از تابع نمایش داده می شود اکو(به مقاله "" مراجعه کنید). برای اینکه یک بار دیگر نام شی را ننویسم از ساختنی استفاده کردم با().
عملگرهای منطقی
هنگام بررسی یک شرط از عملگرهای منطقی استفاده می شود، برای اینکه تکرار نشود، یک مخفف ایجاد می کنم: عملوند سمت چپ L.O. و عملوند سمت راست P.O.
- && - "AND" بولی
- || - "یا"
- ! - "نه"
- > - L.O. بیشتر P.O.
- >= - L.O. بزرگتر یا مساوی P.O.
- < - Л.О. меньше П.О.
- <= - Л.О. меньше или равен П.О.
- == - L.O. برابر با P.O.
- != - L.O. برابر با P.O.
- |= - L.O. برابر با خودش یا P.O.
- &= - L.O. برابر است با خودش و P.O.
- ^= - انحصاری یا
حال اسکریپت زیر را در نظر بگیرید:
| //***************************************** // عملیات منطقی// logic_if_else.js //***************************************** var a= 10 , b= 100 , WshShell, title, msg1, msg2, msg3, msg4, vbInformation = 64 ; // یک نمونه از کلاس WScript.Shell ایجاد کنید WshShell = WScript.CreateObject("WScript.Shell" ); عنوان = "کار با عبارت شرطی IF ELSE JS"; with(WshShell) (اگر (a>= 5 && a<= 100 ) //истина msg1 = "TRUE" ; else msg1 = "FALSE" ; Popup (msg1, 5 , title, vbInformation) ; if (a>= 5 || b== 100 ) //true msg2 = "TRUE" ; else msg2 = "FALSE" ; پنجره بازشو (msg2, 5 , title, vbInformation) ; // عبارت شرطی js if other if (! a) //false msg3 = "TRUE" ; else msg3 = "FALSE" ; پنجره بازشو (msg3, 5 , title, vbInformation) ; if (a&= 100 ) //false msg4 = "TRUE" ; else msg4 = "FALSE" ; پنجره بازشو (msg4, 5 , title, vbInformation) ; ) |
همانطور که در اسکریپت قبلی، در اینجا از ساخت استفاده کردم بابرای کوتاه کردن کد اما برای نمایش اطلاعات از تابع استفاده کردیم پنجره بازشو(به مقاله "" مراجعه کنید). در نتیجه، کادرهای محاوره ای پس از چند ثانیه به طور خودکار بسته می شوند. توجه داشته باشید که در این مثال از بریس های فرفری استفاده نکردیم.در دستور شرطی js if، آنها فقط زمانی مرتبط هستند که نیاز به اجرای نه یک خط کد، بلکه چندین خط داشته باشید.
در نهایت، اجازه دهید به این نگاه کنیم مثال عملیبه عنوان راه حل معادله درجه دوم:
| // حل معادله درجه دوم// uravnenije_if_else.js // *********************************************************** var a، b، c، d، x، x1، x2. //اعلان متغیرها a=- 2 ; b=6; c= 20 ; //جستجوی ممیز d= ریاضی .pow (b, 2 ) - 4 * a * c; if (d== 0 ) (x= b/ (2 * a) ؛ msg= "معادله یک راه حل دارد، x دقیقا"+ x ) else ( if (d> 0 ) (x1= (- b+ ریاضی .sqrt (d) ) / (2 * a) ؛ x2= (- b- ریاضی .sqrt (d) ) / (2 * a) msg= "معادله دو راه حل دارد \n x1 دقیقا"+ x1 + " \nx2 دقیقا"+x2; // عبارت شرطی if else js) else msg= "بدون راه حل" ; ) WScript.Echo (msg) ; |
منبع این مثال تعاملی در یک مخزن GitHub ذخیره می شود. اگر می‌خواهید در پروژه نمونه‌های تعاملی مشارکت کنید، لطفاً https://github.com/mdn/interactive-examples را شبیه‌سازی کنید و یک درخواست جذب برای ما ارسال کنید.
نحو
if (condition) statement1 condition عبارتی که صدق یا نادرست در نظر گرفته می شود. بیانیه 1 بیانیه ای که در صورت صدق بودن شرط اجرا می شود. می تواند هر دستوری باشد، از جمله دستورات if تو در تو. برای اجرای چند دستور، از یک دستور بلوک ((...)) برای گروه بندی آن عبارات استفاده کنید. برای اجرای هیچ دستوری، از یک دستور خالی استفاده کنید. بیانیه2 بیانیه ای که در صورت false بودن شرط و وجود عبارت else اجرا می شود. می تواند هر دستوری باشد، از جمله دستورات بلوک و دستورات if تودرتو.شرح
چند عبارت if...else را می توان برای ایجاد عبارت if دیگری تودرتو کرد. توجه داشته باشید که هیچ کلمه کلیدی elseif (در یک کلمه) در جاوا اسکریپت وجود ندارد.
If (شرط 1) عبارت 1 else if (شرط 2) گزاره 2 else if (شرط3) عبارت3 ... else دستورN
برای دیدن این که چگونه این کار می کند، اگر لانه به درستی تورفتگی داشته باشد، اینگونه به نظر می رسد:
If (شرط 1) عبارت 1 else if (شرط 2) گزاره2 other if (شرط3) ...
برای اجرای چند دستور درون یک بند، از یک دستور بلوک ((...)) برای گروه بندی آن عبارات استفاده کنید. به طور کلی، استفاده از دستورات بلوک، به ویژه در کدهایی که شامل دستورات if تو در تو می شود، تمرین خوبی است:
اگر (شرط) (گزاره‌های 1) else (گزاره‌های2)
مقادیر بدوی بولی درست و نادرست را با درستی یا نادرستی شی بولی اشتباه نگیرید. هر مقداری که نادرست، تعریف نشده، تهی، 0، -0، NaN، یا رشته خالی ("") نباشد، و هر شیئی، از جمله یک شی بولی که مقدار آن نادرست است، در صورت استفاده به عنوان شرط، درست در نظر گرفته می شود. مثلا:
Varb = جدید بولی (نادرست)؛ اگر (ب) // این شرط صادق باشد
مثال ها
با استفاده از if...else
if (cipher_char === from_char) (نتیجه = نتیجه + to_char؛ x++; ) other (نتیجه = نتیجه + clear_char؛ )استفاده از other if
توجه داشته باشید که سینتکس if دیگری در جاوا اسکریپت وجود ندارد. با این حال، می توانید آن را با فاصله بین else و if بنویسید:
اگر (x > 50) ( /* کار درست را انجام دهید */ ) در غیر این صورت (x > 5) ( /* کار درست را انجام دهید */ ) دیگری ( /* کار درست را انجام دهید */ )
انتساب در عبارت شرطی
توصیه می شود از تخصیص های ساده در یک عبارت شرطی استفاده نکنید، زیرا هنگام نگاه کردن به کد، انتساب ممکن است با برابری اشتباه گرفته شود. برای مثال از کد زیر استفاده نکنید:
اگر (x = y) ( /* کار درست را انجام دهید */ )
اگر نیاز به استفاده از یک تکلیف در یک عبارت شرطی دارید، یک روش معمول این است که پرانتزهای اضافی را در اطراف تکلیف قرار دهید. مثلا:
اگر ((x = y)) ( /* کار درست را انجام دهید */ )
مشخصات فنی
| مشخصات | وضعیت | اظهار نظر |
|---|---|---|
| آخرین پیش نویس ECMAScript (ECMA-262) |
پیش نویس | |
| ECMAScript 2015 (نسخه ششم، ECMA-262) تعریف «عبارت اگر» در آن مشخصات. |
استاندارد | |
| ECMAScript 5.1 (ECMA-262) تعریف «عبارت اگر» در آن مشخصات. |
استاندارد | |
| ECMAScript نسخه سوم (ECMA-262) تعریف «عبارت اگر» در آن مشخصات. |
استاندارد | |
| ECMAScript نسخه اول (ECMA-262) تعریف «عبارت اگر» در آن مشخصات. |
استاندارد | تعریف اولیه |
سازگاری با مرورگر
جدول سازگاری در این صفحه از داده های ساخت یافته تولید می شود. اگر می‌خواهید در داده‌ها مشارکت کنید، لطفاً https://github.com/mdn/browser-compat-data را بررسی کنید و یک درخواست برای ما ارسال کنید.
داده های سازگاری را در GitHub به روز کنید
| دسکتاپ | سیار | سرور | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| کروم | حاشیه، غیرمتمرکز | فایرفاکس | اینترنت اکسپلورر | اپرا | سافاری | نمای وب اندروید | کروم برای اندروید | فایرفاکس برای آندروید | اپرا برای اندروید | سافاری در iOS | اینترنت سامسونگ | Node.js | |
| اگر دیگری | پشتیبانی کامل کروم 1 | پشتیبانی کامل Edge 12 | پشتیبانی کامل فایرفاکس 1 | پشتیبانی کامل IE 3 | پشتیبانی کامل اپرا بله | سافاری پشتیبانی کامل بله | WebView Android پشتیبانی کامل 1 | Chrome Android پشتیبانی کامل 18 | فایرفاکس اندروید پشتیبانی کامل 4 | اپرا اندروید پشتیبانی کامل بله | سافاری iOS پشتیبانی کامل بله | سامسونگ اینترنت اندرویدپشتیبانی کامل 1.0 | nodejs پشتیبانی کامل بله |
بیایید شروع به یادگیری در مورد دستورات شرطی در جاوا اسکریپت کنیم. در اینجا ما ساختار If-Else را در نظر خواهیم گرفت. این شرط که به روسی ترجمه شده است به صورت If-Then خوانده می شود.
اما قبل از شروع صحبت در مورد شرایط در جاوا اسکریپت، بیایید ببینیم چگونه و کجا در زندگی واقعی رخ می دهند.
مثلا اگه غروب هوا صاف باشه میریم پارک.
اگر این ماشین کمتر از 1000 دلار قیمت داشته باشد، من آن را می خرم و غیره.
بنابراین، همانطور که احتمالاً قبلاً متوجه شده اید، شرایط "اگر" و پیامد "آنگاه" اغلب در زندگی ما یافت می شوند. یعنی رفتار ما در موقعیت های مختلف عمدتاً به هر شرایطی بستگی دارد.
همین امر در مورد زبان های برنامه نویسی نیز صدق می کند. آنها ساختارهای خاصی دارند که به شما امکان می دهد شرایط خاصی را تنظیم کنید و در صورت برآورده نشدن شرایط مشخص شده، اقداماتی را انجام دهید.
بیایید سعی کنیم چند مثال ساده از استفاده از عملگرهای شرطی یا بهتر بگوییم ساختار If-Else در جاوا اسکریپت را پیاده سازی کنیم.
ابتدا، بیایید نحوه عملکرد دستور If در جاوا اسکریپت را بررسی کنیم.
برای این کار ابتدا مثالی در زیر می آوریم و سپس آن را تحلیل می کنیم.
من و خانواده ام عصر به پارک می رویم
در مثال بالا به دنبال چه چیزی باشید?
ابتدا علائم مساوی == و انتساب = در جاوا اسکریپت. آنها باید متمایز شوند: یعنی ابتدا یک متغیر ایجاد می کنیم و یک مقدار به آن اختصاص می دهیم. سپس در شرط If ما در مورد برابری صحبت می کنیم.
ثانیاً، هنگام صحبت در مورد انجام یا عدم تحقق یک شرط محصور در پرانتزهای فرفری () ، باید درک کرد که زبان جاوا اسکریپت شرط را هم می پذیردیا درست یا غلط یعنی اگر شرط True باشد، مانند مورد ما، عمل محصور شده در براکت های فرفری () انجام می شود.
اگر شرط، مانند مثال زیر، False باشد، شرط محصور در پرانتزهای فرفری () اجرا نخواهد شد.
دستور شرطی If به این صورت کار می کند: اگر شرط True باشد، عمل انجام می شود، اگر False باشد، انجام نمی شود. همه چیز ساده است.
حال بیایید در مورد نحوه عملکرد ساختار If-Else در جاوا اسکریپت صحبت کنیم. Else به عنوان "در غیر این صورت" ترجمه می شود.
بیایید به زندگی واقعی برگردیم. در بیشتر موارد، اگر هر شرطی برآورده شود، یک کار را انجام می دهیم. اگر برآورده نشد - "در غیر این صورت"، ما کار دیگری انجام می دهیم.
بیایید با مثال هایی که قبلا ذکر شد ادامه دهیم.
اگه غروب هوا روشن شد میریم پارک وگرنه (اگر ابری باشد)ما در خانه می مانیم و تلویزیون تماشا می کنیم.
یا اگر قیمت این ماشین کمتر از 1000 دلار است من آن را می خرم وگرنه (اگر هزینه بیشتری داشته باشد) با این پول به مسافرت خواهم رفت.
جاوا اسکریپت همچنین گزینه ای برای ارائه یک جایگزین دارد ( یه کار دیگه کن)در صورت عدم تحقق شرط در جاوا اسکریپت می توانیم ایجاد کنیم شرایط مشابهبا استفاده از ساختار If-Else. بیایید به یک مثال نگاه کنیم.
ما در خانه می مانیم - تلویزیون تماشا می کنیم
بیایید مثال داده شده را تجزیه و تحلیل کنیم.
بنابراین، اگر شرط True باشد، عمل بعد از دستور If اجرا می‌شود که در پرانتزهای فرفری () محصور می‌شود.
اگر شرط False باشد، عمل بعد از عبارت Else اجرا می شود، همچنین در پرانتزهای فرفری () محصور می شود.
ما دیدیم که یک ساختار ساده اما رایج جاوا اسکریپت If-Else چگونه کار می کند. و در اینجا برای آینده باید گفت که شرط هر چقدر هم پیچیده باشد، قبل از هر چیز درست یا نادرست بودن آن مهم است.
برای تثبیت مواد تحت پوشش اظهارات مشروطدر جاوا اسکریپت - ساختار IF-ELSEبیایید به مثال دیگری نگاه کنیم.
فقط اکنون هنگام کار با اعداد از شرط If-Else استفاده می کنیم.
تعداد متغیرها کمتر یا مساوی 10 است
در اینجا، مانند نمونه های قبلی، همه چیز ساده است. در این حالت، متغیر count برابر با 10 است، یعنی شرط TRUE است و پیام مربوطه روی صفحه نمایش داده می شود.
در مثال زیر، شرط برقرار نیست: تعداد متغیرها بیشتر از 10 است، به این معنی که شرط FALSE است، به این معنی که پیامی که به دنبال عبارت Else است روی صفحه نمایش داده می شود.
تعداد متغیرها بیشتر از 10 است
بنابراین، در اینجا ساده‌ترین نمونه‌های استفاده از عملگرهای شرطی در جاوا اسکریپت را بررسی کردیم. همین - اصلاً سخت نیست، ساخت و ساز If-Else کار می کند.
آرایه دوستان را از مبحث قبلی بگیرید: var friends = ["Aleksey" , "Vyacheslav" , "Grigory" , "Nastya" , "Paul" ];
شرطی بنویسید که بررسی شود : اگر تعداد عناصر آرایه بزرگتر یا مساوی 3 باشد، پیامی مبنی بر اینکه این یک آرایه بزرگ با حداقل 3 عنصر است نمایش داده می شود. در غیر این صورت، پیامی نشان دهید که این یک آرایه کوچک با کمتر از 3 عنصر است.
قبل از نوشتن یک شرط تست، باید به خاطر بسپارید و بدانید که چگونه تعداد عناصر یک آرایه را بشمارید. ویژگی length در این امر به ما کمک می کند.
همین کار می توانست با استفاده از نسخه کوتاهتر کد کمی متفاوت انجام شود. تعداد متغیر که حاوی تعداد عناصر آرایه است، نیازی به ایجاد نیست. نمونه زیر را ببینید...
