جاوا اسکریپت - عملگرهای شرطی و بولی. مثال های عبارات شرطی Jquery elseif

در این مقاله به بررسی عملگرهای شرطی و منطقی زبان جاوا اسکریپت می پردازیم.

عبارات شرطی جاوا اسکریپت

اظهارات مشروطعباراتی در زبان جاوا اسکریپت (ECMAScript) هستند که بسته به شرایطی، به شما امکان می دهند یک یا چند دستورالعمل خاص را اجرا کنید.

اشکال عبارات شرطی در جاوا اسکریپت:

• دستور if شرطی (با یک شاخه)؛
• عملگر شرطی if...else (با دو شاخه);
• else if... عبارت شرطی (با چند شاخه);
• عملگر سه تایی (?: );
• عبارت switch

بیانیه if شرطی

نحو دستور if:

اگر (شرط) بیانیه

عبارت شرطی if شامل موارد زیر است:

• کلمه کلیدیاگر ؛
• شرایط (عبارات داخل پرانتز)، که باید درست یا نادرست باشند (یا به یکی از این مقادیر ریخته شوند).
• دستورالعمل هایی که باید دنبال کنیداگر شرط درست باشد یا به آن بستگی داشته باشد.

مثلا:

اگر (درست) تعداد = 4;

این مثال از true به عنوان شرط استفاده می کند. این بدان معنی است که دستور count = 4 همیشه اجرا می شود. این مثالفقط برای توضیح نحوه عملکرد دستور if داده شده است، زیرا تهی از هر معنایی است

به عنوان مثال، بیایید مقدار متغیر votes را 1 افزایش دهیم اگر (نوع آن) یک عدد باشد:

اگر (نوع آرا === "تعداد") votes++;

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

If (نوع آرا === "تعداد") ( votes++; console.log ("تعداد آرا: " + آرا)؛ )

اگر (نوع آرا === "تعداد") (رای++؛ )

اگر... بیانیه دیگری

دستور if...else زمانی استفاده می‌شود که اجرای برخی دستورات زمانی که یک شرط درست است، و برخی دیگر زمانی که یک شرط نادرست است، مورد استفاده قرار می‌گیرد.

نحو:

If (شرط) (یک یا چند دستور (که باید در صورت درست بودن شرط اجرا شود یا به درستی داده شود)) دیگری (یک یا چند دستور (در صورت false بودن شرط یا cast به false اجرا می شود)

به عنوان مثال، بیایید پیامی در مورد زوج بودن یا نبودن عدد به کنسول چاپ کنیم:

If (عدد % 2) ( console.log("عدد فرد است!")؛ else (consol.log("عدد زوج است!")؛ )

قاعده ای برای تبدیل شرط به درست یا نادرست

اگر عبارت موجود در یک عبارت if برابر با true یا false نباشد، جاوا اسکریپت آن را به یکی از آن مقادیر ارسال می کند. او این عمل را با کمک به اصطلاح «قاعده دروغ» انجام می دهد.

معنی این قانون: هر عبارت درست است به جز مقادیر زیر:

• نادرست (کاذب)؛
• "" یا "" (رشته خالی)؛
• NaN (نوع داده عددی ویژه "نه عدد")؛
• 0 (عدد "صفر")؛
• null (مقدار "خالی")؛
• undefined (مقدار "تعریف نشده").

به عنوان مثال، بسته به مقدار ذخیره شده در متغیر nameUser، یک پیام خوشامدگویی را در کنسول مرورگر چاپ کنیم:

If (nameUser) ( console.log ("سلام، " + نام + "!")؛ ) else (consol.log ("سلام، مهمان!")؛ )

اگر متغیر nameUser حاوی یک رشته خالی باشد، طبق قانون دروغ، به مقدار false فرستاده می شود. بنابراین پیغام «سلام مهمان!» در کنسول نمایش داده می شود. .

و اگر، برای مثال، متغیر nameUser حاوی رشته "Timur" باشد، عبارت موجود در شرط به مقدار true فرستاده می شود. در نتیجه کنسول پیام "سلام تیمور!" .

عبارت else if... (شرایط متعدد)

نحو:

If (شرط 1) (گزاره های 1) else if (شرط 2) (گزاره های 2) else if (شرط 3) (گزاره های 3 //...) else if (شرطN) (گزاره های N) else (گزاره هایی که اجرا می شوند اگر هیچ یک از شرایط درست نیست یا به این مقدار داده نشده است)

عملگر شرطی (سه تایی) (?:)

اپراتور سه تایییک عملگر جاوا اسکریپت است که می تواند در مواقع ضروری، بسته به شرایط، برای اجرای یکی از دو عبارت داده شده استفاده شود.

نحو:

وضعیت؟ بیان1: بیان2

عملگر سه تایی از سه عملوند تشکیل شده است که با استفاده از نمادها از هم جدا می شوند؟ و: . شرط عملگر سه تایی در عملوند اول مشخص شده است. همچنین می توان آن را در پرانتز قرار داد. اگر شرط درست باشد یا به این مقدار ریخته شود، عبارت 1 اجرا می شود، در غیر این صورت عبارت2 اجرا می شود.

مثلا:

(تعداد > 10) console.log("عدد بزرگتر از 10 است!") : console.log("عدد کمتر یا مساوی 10 است");

جاوا اسکریپت به چندین عملگر سه تایی (?:):

Var dayNumber = new Date().getDay(); روز = (تعداد روز === 0) ? "یکشنبه" : (روز تعداد === 1) ? "دوشنبه" : (روزشماره === 2) ? "سه شنبه" : (روزشماره === 3) ? "چهارشنبه" : (روز شماره === 4) ? "پنجشنبه" : (روزشماره === 5) ? "جمعه" : (روز تعداد === 6) ? "شنبه" : "روز نامعلوم هفته"؛ console.log("امروز" +day.toLowerCase() + ".");

مثال بالا، اما با استفاده از چند دستور if...else:

Var dayNumber = new Date().getDay(); if (dayNumber === 0) (day = "یکشنبه"؛ ) other if (dayNumber === 1) (روز = "دوشنبه"؛ ) other if (dayNumber === 2) (روز = "سه شنبه"؛ ) else if (dayNumber === 3) ( روز = "چهارشنبه"؛ ) other if (dayNumber === 4) (روز = "پنجشنبه"؛ ) other if (dayNumber === 5) (روز = "جمعه"; ) else if (dayNumber === 6) (روز = "شنبه"؛ ) else (روز = "روز ناشناخته هفته"؛ ) console.log("امروز است" + day.toLowerCase() + ".") ;

عبارت switch

دستور switch برای اجرای یک نسخه از دستورالعمل ها از بین چندین، بسته به مقدار عبارت طراحی شده است. انتخاب یک یا گزینه دیگر با برابری دقیق نتیجه بیان به مقدار مورد (مورد) تعیین می شود.

نحو دستور سوئیچ:

سوئیچ (عبارت) (مقدار case1: // ... دستورالعمل هایی که اگر نتیجه عبارت "value1" باشد، اجرا می شود؛ // دستورالعمل اختیاری (در صورت عدم استفاده، دستور بعدی دستور switch اجرا می شود) case value2 : // ... دستورالعمل هایی که در صورت ارزیابی عبارت به "value2" شکسته اجرا می شوند؛ // دستورالعمل اختیاری (در صورت استفاده نشدن، دستور بعدی دستور switch اجرا می شود) // ... case valueN: / / . .. دستورالعمل هایی که اگر نتیجه عبارت "valueN" باشد اجرا می شوند، شکستن؛ // دستورالعمل اختیاری (اگر استفاده نشود، دستور بعدی دستور switch اجرا می شود) پیش فرض: // دستورالعمل هایی که اگر نتیجه عبارت is not برابر است با بیش از یکی از مقادیر)

کلمه کلیدی پیش فرض اختیاری است. زمانی استفاده می‌شود که لازم است دستورالعمل‌هایی را مشخص کنیم که اگر نتیجه یک عبارت با هیچ مقدار کوچکی برابر نباشد، اجرا شوند.

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

به عنوان مثال، بیایید یک پیام در کنسول مرورگر در مورد تعداد آب نبات ها نمایش دهیم:

Var countCandyBoys = 1, countCandyGirls = 2, message; سوئیچ (countCandyBoys + countCandyGirls) ( مورد 1: پیام = "یک آب نبات"؛ شکست؛ مورد 2: مورد 3: پیام = "دو یا سه آب نبات"؛ شکست؛ مورد 4: پیام = "چهار آب نبات"؛ شکست؛ پیش‌فرض: message = "نه یک، نه دو، نه سه یا چهار آب نبات"؛ ) // چاپ پیام به کنسول console.log(message);

در مثال بالا، عبارت ارزیابی شده 3 است. بنابراین، عبارت عبارت = "Two or three candies" و break اجرا می شود. دستور break اجرای بیشتر دستور switch را قطع می کند و کنترل را به دستور بعدی منتقل می کند. console.log(پیام) . این یک پیام به کنسول چاپ می کند "دو سه شیرینی".

به عنوان مثال، اجازه دهید روز جاری هفته را در کنسول نمایش دهیم:

var day = ""; switch(new Date().getDay()) ( case 0: day = "Sunday"; break; case 1: day = "Monday"; break; case 2: day = "Tuesday"; break; case 3: day = "چهارشنبه"؛ استراحت؛ مورد 4: روز = "پنجشنبه"؛ استراحت؛ مورد 5: روز = "جمعه"؛ استراحت؛ مورد 6: روز = "شنبه"؛ استراحت؛ پیش فرض: روز = "روز نامعلوم هفته" ; ) console.log("Today is " + day.toLowerCase() + ".");

مثالی که از دستور break استفاده نمی کند:

varresult = "موفقیت"; سوئیچ (نتیجه) (مورد "موفقیت": console.log ("موفقیت!")؛ مورد "invalidCaptcha": console.log ("کپچای نامعتبر!")؛ پیش فرض: console.log ("خطا!")؛ )

در این مثال، عبارت switch برابر با موفقیت است. بنابراین دستور console.log("موفقیت!") اجرا می شود که پیام "موفقیت!" به کنسول اما از آنجایی که بعد از آن دستور break وجود ندارد، اجرای اسکریپت در نوع بعدی ادامه خواهد داشت. بنابراین، دستورالعمل‌ها تا زمانی اجرا می‌شوند که با شکست در مسیر مواجه شویم یا به انتهای دستور switch برسیم. در نتیجه اجرای این مثال، 3 پیام در کنسول نمایش داده می شود: "موفقیت!" ، "کپچای اشتباه!"و "خطا!" .

در برخی موارد، این رفتار ممکن است مورد نیاز باشد، اما در این مورد نه. اینجا فقط یک اشتباه است.

مثال تصحیح شده:

varresult = "موفقیت"; سوئیچ (نتیجه) (مورد "موفقیت": console.log("موفقیت!")؛ شکستن؛ مورد "invalidCaptcha": console.log ("کپچای نامعتبر!")؛ شکست؛ پیش فرض: console.log ("خطا!" ))

عملگرهای منطقی

جاوا اسکریپت بین عملگرهای منطقی زیر تمایز قائل می شود:

• && - منطقی "AND";
• || - منطقی "OR"؛
• ! منطقی "نه".

اگر در بیان بولیاز مقادیر بولی operand1 && operand2 استفاده می شود، اگر هر یک از آنها درست باشد، نتیجه این عبارت درست خواهد بود. در غیر این صورت، مقدار این عبارت نادرست خواهد بود.

نادرست && نادرست // غلط درست && نادرست // نادرست نادرست && درست // نادرست درست && درست // درست

اگر عبارت بولی operand1 && operand2 از مقادیر غیر بولی استفاده کند، در صورتی که بتوان آن را به false تبدیل کرد، نتیجه این عبارت operand1 است. در غیر این صورت، نتیجه این عبارت operand2 خواهد بود.

5 && 0 // 0 1 && 5 // 5 "string" && undefined // undefined "string1" && "string2" // "string2"

اگر در عبارت منطقی operand1 || از مقادیر بولی operand2 استفاده می شود، اگر حداقل یکی از آنها درست باشد، نتیجه این عبارت درست خواهد بود. در غیر این صورت، مقدار این عبارت نادرست خواهد بود.

نادرست || نادرست // نادرست درست || غلط // درست غلط || درست // واقعی واقعی || صحیح صحیح

اگر در عبارت منطقی operand1 || operand2 از مقادیر غیر بولی استفاده می کند، سپس اگر بتوان آن را به true تبدیل کرد، نتیجه این عبارت operand1 است. در غیر این صورت، نتیجه این عبارت operand2 خواهد بود.

5 || 0 // 5 1 || 5 // 1 "خط" || تعریف نشده // "string" "string1" || "line2" // "line1"

اگر operand1 نادرست باشد یا بتوان آن را به آن مقدار فرستاد، عبارت بولی!operand1 به درستی ارزیابی می‌کند. در غیر این صورت، این عبارت به false ارزیابی می شود.

نادرست // true !true // false !"string" // false !5 // false"

اپراتور مشروطبه شما امکان می دهد بسته به نتیجه ارزیابی عبارت - شرط مشخص شده، بلوک خاصی از کد را رد یا اجرا کنید. می توان گفت که دستور شرطی نقطه تصمیم گیری در برنامه است، گاهی اوقات به آن دستور شاخه نیز می گویند. اگر تصور کنیم که برنامه یک جاده است، و مترجم PHPمسافری است که در امتداد آن قدم می‌زند، سپس عبارات شرطی را می‌توان به‌عنوان تقاطع در نظر گرفت، جایی که کد برنامه به دو یا چند جاده منشعب می‌شود و در چنین چهارراه‌هایی مترجم باید انتخاب کند که کدام جاده حرکت کند.

اگر بیانیه

دستور if ساده ترین دستور شاخه است.

نحو دستور if:

دستور if ابتدا عبارت شرطی مشخص شده در پرانتز را ارزیابی می کند، نتیجه این عبارت یک مقدار بولی است. اگر نتیجه درست (درست) باشد، دستورالعمل اجرا می شود. اگر عبارت به false ارزیابی شود، دستور اجرا نمی شود. یک عبارت با هر پیچیدگی می تواند به عنوان یک شرط استفاده شود.

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

کد زیر استفاده از دستور if را نشان می دهد:

if را می توان در داخل دستورات if دیگر تودرتو کرد:

توجه کن به آخرین نمونه: لازم نیست دستورالعمل دقیقاً زیر دستور if نوشته شود، اگر اندازه دستورالعمل بزرگ نباشد، می توان آن را در یک خط نوشت.

اگر غیر از بیانیه

و بنابراین ما آموختیم که دستور if به شما امکان می دهد در صورت درست بودن شرط، دستورات را اجرا کنید. اگر شرط نادرست باشد، هیچ اقدامی انجام نمی شود. با این حال، اغلب لازم است که در صورت درست بودن یک شرط خاص، برخی دستورالعمل ها و اگر شرط نادرست است، دستورالعمل ها را اجرا کنید. برای چنین مواردی است که در غیر این صورت از انشعاب استفاده می شود. این عبارت از یک دستور if به دنبال یک بلوک از عبارات و یک کلمه کلیدی else و سپس یک بلوک دیگر از عبارات تشکیل شده است.

نحو دستور if else این است:

عبارت else اختیاری است. بلوک عبارت واقع بعد از else به طور پیش فرض اجرا می شود، یعنی. هنگامی که عبارت شرطی در if به نادرست ارزیابی می شود. دستور else را نمی توان جدا از دستور if استفاده کرد. بلوک else فقط باید بعد از دستور if قرار گیرد، می توان آن را به عنوان عمل پیش فرض در نظر گرفت.

با کمی اصلاح مثال قبلی، می‌توانیم ببینیم که اگر شرط به غلط ارزیابی شود، دستور if else چگونه کار می‌کند:

عبارت if else را می توان تودرتو کرد. چنین عبارات شرطی تو در تو در عمل بسیار رایج هستند. اگر دستور if در بلوک if یا else تودرتو باشد. اگر کد از چندین دستور if در یک ردیف استفاده می کند، else همیشه به نزدیکترین اگر اشاره می کند:

مورد آخر برای if($a) صدق نمی‌کند، زیرا in نیست واحد داخلی، بنابراین نزدیکترین مورد به آن if($i) می شود. عبارت else در داخل بلوک مربوط به if($b) است زیرا if نزدیکترین به آن است.

elseif/else if ساخت

دستور if / else مقدار عبارت شرطی را ارزیابی می کند و یک قطعه یا قطعه دیگر را اجرا می کند کد برنامه. اما اگر یکی از چندین فرگمنت نیاز به اجرا داشته باشد چه؟ اگر باید چندین شرط را پشت سر هم بررسی کنید، ساختار elseif یا other if برای این کار مناسب است (آنها ساختار یکسانی هستند، فقط متفاوت نوشته شده اند). از نظر فنی یک ساختار مستقل PHP نیست - فقط یک سبک معمول برنامه نویسی است که از عبارات if/else مکرر استفاده می کند. این به شما امکان می‌دهد تا شرایط اضافی را تا زمانی که یک مورد واقعی پیدا شود یا به یک بلوک other دست پیدا کنید، آزمایش کنید. otherif/else if ساختباید بعد از دستور if و قبل قرار گیرد بیانیه else، اگر وجود داشته باشد.

در اینجا سه ​​شرط بررسی می شود و بسته به مقدار متغیر $username، اقدامات مختلفی انجام می شود.

در واقع هیچ چیز خاصی در مورد این قطعه وجود ندارد. این فقط دنباله ای از دستورات if است، که در آن هر دستور if بخشی از ساختار else از if قبلی است. برای کسانی که برای اولین بار با این شکل از نشانه‌گذاری مواجه شده‌اند و نحوه کارکرد آن برایشان چندان روشن نیست، ما همین مثال را بازنویسی می‌کنیم، فقط به شکل نحوی معادل که تودرتوی ساختارها را به طور کامل نشان می‌دهد:

var a = 10; varb = (a>1) ? 100:200; هشدار (ب)؛

اگر شرط a>1درست است، سپس متغیر بیک مقدار اختصاص دهید 100 ، در غیر این صورت به متغیر b مقدار داده می شود 200 .

Task Js 3_4.تکمیل کد: 3 متغیر محلی با استفاده از کلمه کلیدی var اعلام می شوند. لازم است که مقدار عملگر سه تایی زیر را به متغیر max نسبت دهیم: اگر a بزرگتر از b باشد، a را برگردانید، در غیر این صورت b را برگردانید.
قطعه کد:

اگر (a*b< 6) { result = "Мало"; } else { result = "Много"; }

سوالاتی برای خودکنترلی:

1. نحو عملگر سه تایی چیست؟
2. یک عملگر سه تایی چند آرگومان دارد؟

عبارت Switch در جاوا اسکریپت - سوئیچ

دستور سوئیچ جاوا اسکریپت برای آزمایش یک متغیر برای چندین مقدار استفاده می کند:

نحو:

سوئیچ (متغیر یا عبارت) ( case option1: //..statement block.. break case option2: //..statement block.. break default: //..statement block.. )

مقدار یک متغیر یا عبارت بررسی می شود: در هر کدام موردیکی از مقادیر بررسی می شود، در صورت وجود یک مقدار مناسب، یک یا بلوک دیگر از دستورات مربوط به مورد داده شده اجرا می شود. مورد.

بلوکی که با کلمه سرویس پیش فرض شروع می شود را می توان حذف کرد. اگر هیچ یک از مقادیر لیست شده در کل نباشد، دستورات بلاک اجرا می شود موردمناسب نیست.

مهم:دستور break بعد از هر مقدار در نظر گرفته شده از متغیر (بعد از هر مورد) اگر از آن استفاده نشود، تمام عبارات زیر نمایش داده می شود

مقایسه با اپراتور اگر:

var a = 2; switch(a) ( case 0: // if (a === 0) case 1: // if (a === 0) alert("صفر یا یک"); // سپس خروجی... break; case 2: // if (a === 2) alert("Two")؛ // سپس خروجی... break؛ پیش فرض: // else alert("Many")؛ // در غیر این صورت خروجی... )

چگونه چندین گزینه را گروه بندی کنیم؟

برای اجرای همان دستورات، می توان چندین گروه را گروه بندی کرد مورد. مانند مثال بالا:

مورد 0: مورد 1: هشدار ("صفر یا یک")؛ زنگ تفريح؛ ...

وقتی a = 0 و a = 1، همان عبارت اجرا می شود: alert("صفر یا یک");

مثال 4:از کاربر بخواهید یک رنگ را وارد کند. ارسال ترجمه به زبان انگلیسیرنگ وارد کرد برای رنگ "آبی"و "آبی"همان ارزش را تولید کند.

• یک صفحه وب با اسکلت و تگ html ایجاد کنید اسکریپت.
• مقداردهی اولیه متغیر رنگ

var color = prompt("چه رنگی؟" );

var color = prompt("چه رنگی؟");

• مقدار یک متغیر را با یک ساختار بررسی کنید تعویض، خروجی برای هر مقدار ترجمه مربوطه:

سوئیچ (رنگ) (حساب "قرمز" : هشدار("قرمز")؛ شکست؛ حروف سبز: هشدار("سبز")؛ شکست؛ // ...

اگر متغیر رنگدارای مقدار "قرمز"، سپس خروجی به پنجره مودالترجمه - "قرمز" و خروج از ساخت و ساز (شکستن؛). اگر متغیر رنگدارای مقدار "سبز" است، سپس ترجمه - "سبز" را در پنجره مدال نمایش می دهد و از ساخت و ساز خارج می شود (شکست؛).

• برای گل "آبی"و "آبی"گروه بندی را انجام دهید:

// ... case "blue": case "blue": alert("blue"); زنگ تفريح؛ //...

اگر متغیر رنگدارای مقدار "آبی" یا متغیر است رنگدارای مقدار "آبی" است، سپس ترجمه - "آبی" را در پنجره مدال نمایش می دهد و از ساخت و ساز خارج می شود (شکست؛).

• خروجی را برای رنگ هایی که توسط برنامه ارائه نشده اند سازماندهی کنید:

// ... پیش فرض: هشدار( "ما اطلاعاتی برای این رنگ نداریم") ) // کلید پایان

// ... پیش فرض: alert("y ما هیچ اطلاعاتی در مورد این رنگ نداریم") ) // انتهای سوئیچ

• اسکریپت را در مرورگر تست کنید.

Task Js 3_6.خطاها را در قطعه کد زیر پیدا و رفع کنید:

var number = prompt("شماره 1 یا 2 را وارد کنید:"); سوئیچ (شماره) ( مورد "1" ( document.write ("One"); ); break; case "2" ( document.write("دو"); )؛ break; default ( document.write ("شما وارد کردید مقداری غیر از 1 و 2")؛ ))

Task Js 3_7.با اجرای کد زیر چه چیزی روی صفحه نمایش داده می شود؟

مقدار var = "2"; سوئیچ (مقدار) (مورد "1": مورد "2": مورد "3": document.write ("سلام")؛ شکست؛ مورد "4": مورد "5": document.write("World" )؛ پیش فرض: document.write ("خطا")؛ )

Task Js 3_8.از کاربر یک عدد بخواهید - تعداد کلاغ های روی شاخه. بسته به عدد وارد شده (بیشتر از 10) پیامی نمایش می دهد: - نشستن روی شاخه 1 کلاغ- نشستن روی شاخه 4 کلاغ- نشستن روی شاخه 10 کلاغ

1. بسته به عدد وارد شده، انتهای کلمه تغییر می کند. "کلاغ".
2. برای بررسی از دستور سوئیچ جاوا اسکریپت استفاده کنید.
3. صرفه جویی این صفحهدر پوشه نتایج (برای کار بیشتر مفید خواهد بود).

سوالاتی برای خودکنترلی:

1. چه زمانی استفاده از ساخت و ساز به عنوان عملگر مشروط مناسب است؟ تعویض?
2. هدف از بلوک پیش فرض در عبارت چیست؟ تعویض?
3. آیا استفاده از دستور break در ساخت لازم است؟ تعویض?
4. چگونه گروه بندی برای گزینه های چند مقدار در یک عملگر انجام می شود تعویض?

عبارات حلقه در جاوا اسکریپت - برای

نحو:

برای (مقدار شمارنده اولیه؛ شرط؛ افزایش شمارنده) ( //.. بلوک بیانیه.. )

مهم:جاوا اسکریپت برای حلقه زمانی استفاده می شود که از قبل مشخص شده باشد که اقدامات چرخه ای چند بار باید تکرار شوند (حلقه چند بار تکرار دارد)

• یک عبارت انتساب به عنوان مقدار اولیه شمارنده تکرار استفاده می شود: به عنوان مثال، i=0 - شمارنده حلقه از صفر شروع می شود:

for(var i = 0؛ شرط؛ افزایش شمارنده) (//.. بلوک عبارت.. )

• به عنوان یک افزایش شمارنده، مرحله ای که شمارنده باید با آن افزایش یابد نشان داده می شود: به عنوان مثال، نشان می دهد که هر تکرار حلقه با افزایش آن همراه خواهد بود. 1 :

برای (var i = 0؛ شرط؛ i++) (//.. بلوک بیانیه.. )

• شرط حلقه مقدار پایانی شمارنده است: برای مثال i10 حلقه را متوقف می کند:

for(var i = 0; i<10; i++) { //..блок операторов.. }

مثالی از استفاده از حلقه for در جاوا اسکریپت را در نظر بگیرید:

مثال 5:دنباله ای از اعداد را خروجی بگیرید 0 1 2 3 ... 9 ، هر رقم - از یک خط جدید. 0 1 2 ... 8 9

• برای نمایش دنباله ای از اعداد، از شمارنده حلقه for استفاده می کنیم که باید مقدار آن را از آن تغییر دهد 0 قبل از 9 با توجه به ترتیب
• بنابراین برای مقدار اولیه شمارنده حلقهمقدار را به 0 ; مانند شرایط چرخهمقدار نهایی را تنظیم کنید - ii=9; گام شمارنده باید برابر باشد 1 (i++)، زیرا تفاوت بین اعضای دنباله یک است:

برای (var i=0; i<10; i++) { document.write(i+"
"); }

در مثال، مقادیر شمارنده حلقه روی صفحه نمایش داده می شود، زیرا افزایش شمارنده i++ به ترتیب روی صفحه ظاهر می شود. 0 1 2 3 ... 9 و هر رقم - از یک خط جدید (برچسب
).

• اسکریپت را در مرورگر تست کنید.

Task Js 3_9. 1 قبل از 15 .

1. از یک شمارنده حلقه به عنوان دنباله ای از اعداد استفاده کنید برای.
2. برای متغیر جمع کننده، از شناسه متغیر استفاده کنید مجموع.

قطعه کد:

برای (var i=...;...;...)( sum = sum + ...; ) ...

بیانیه های خروج حلقه زنگ تفريحو ادامه هیددر جاوا اسکریپت اپراتور خروج

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

در حالی که دستور continue اجرای تکرار فعلی حلقه را قطع می کند، اما در حالی که اجرای حلقه را از تکرار بعدی ادامه می دهد.

عملیات شکست و ادامه دستورات را با استفاده از یک مثال در نظر بگیرید:

مثال:الگوریتم قطعه کد را درک کنید. خروجی چه خواهد بود؟

قطعه کد:

برای (var i=0;i<10;i++) { if (i==4) continue; document.write(i+"
")؛ اگر (i==8) شکست؛ )

• در خط سوم مثال، شرطی وجود دارد که به دلیل آن عدد 4 نمایش داده نخواهد شد: عملگر ادامه هیدبدون تکمیل حلقه فعلی به تکرار بعدی حلقه خواهد رفت.
• در خط شماره 5 حلقه خارج می شود اما عدد 8 روی صفحه چاپ می شود، زیرا دستور خروجی قبل از شرط (در خط 4) قرار می گیرد. ملاقات کردن زنگ تفريح، مفسر از حلقه خارج می شود.
• که روی صفحه نمایش خواهد بود: 0 1 2 3 5 6 7 8 - هر رقم در یک خط جدید.

Task Js 3_10.چاپ مجموع تمام اعداد صحیح از 1 قبل از 15 ، به استثنای تعداد کل 5 و 7 .

بیانیه خروج

زبان javasctipt یک عملگر برای خروج از کد برنامه ارائه می دهد - عملگر خروج.
اغلب از اپراتور برای حذف خطای ورودی کاربر استفاده می شود.

مثال 6:از کاربر بخواهید یک عدد وارد کند. اگر عدد نیست، یک پیام نمایش دهید "یک عدد مورد نیاز است!"و برنامه را متوقف کنید.

• مقداردهی اولیه متغیر عددمقدار وارد شده توسط کاربر در پنجره مدال:

var number = prompt("لطفا یک عدد وارد کنید");

• با استفاده از تابع parseInt برای تبدیل رشته به عدد صحیح، بررسی کنید که آیا مقدار ورودی یک عدد است یا خیر:

number=parseInt(number); // NaN را برمی گرداند - نه یک عدد

اگر یک عدد غیر وارد شده باشد، تابع مقدار NaN را برمی گرداند. یک عدد نیست- عدد نیست).

• مقدار متغیر را بررسی کنید عددبا استفاده از تابع isNaN:

x = isNaN(عدد); // اگر مقدار عددی نباشد مقدار true را برمی گرداند

تابع isNaN مقدار را برمی گرداند درست است، واقعیاگر متغیر یک عدد نباشد

• توسط قانون "دروغ"سازماندهی بررسی مقدار متغیر ایکس. اگر مقدار عددی نیست، کامنت مربوطه را چاپ کنید و برنامه را پایان دهید:

if (x)( هشدار ("تعداد مورد نیاز!")؛ خروج؛ // خروج از برنامه )

• برای ادامه برنامه (اگر مقدار وارد شده یک عدد بود)، پنجره زیر را برای ورودی نمایش دهید:

alert("شماره دوم را وارد کنید");// اگر عددی را وارد نکنید، اپراتور اجرا نخواهد شد

• اسکریپت را در مرورگر تست کنید.

سوالاتی برای خودکنترلی:

1. سه پارامتر حلقه را فهرست کنید برایو هدف آنها را توضیح دهید.
2. کدام عبارات برای خروج از حلقه و قطع آن در نظر گرفته شده است؟ مثال هایی از کاربرد آنها بیاورید.
3. اپراتور برای چیست؟ خروج?

آیا امکان وجود چندین شمارنده در یک FOR وجود دارد؟

یک کار جالب با حلقه for هنگام استفاده امکان پذیر است به طور همزمان دو شمارنده در یک چرخه.
به یک مثال توجه کنید:

مثال 7:با استفاده از اسکریپت، جفت های متغیر-مقدار زیر را در سه خط چاپ کنید: i=0 j=2 i=1 j=3 i=2 j=4

• دو شمارنده را در حلقه for سازماندهی کنید: شمارنده i برای خروجی دنباله 0 1 2 ، شمارنده j برای خروجی دنباله 2 3 4 :

1 2 3

برای (i= 0، j= 2؛ i< 10 , j< 5 ; i++, j++ ) { }

برای (i=0، j=2؛ i<10, j<5; i++, j++) { }

هر یک از سه پارامتر حلقه for اکنون دارای دو مقدار است که لیست شده است با کاما از هم جدا می شوند(به عنوان مثال، پارامتر اول با دو مقدار: i=0، j=2). خود پارامترها لیست شده اند از طریق نقطه ویرگول(;).

• برای خروجی از هر خط، از تگ استفاده کنید
  :

1 2 3 4

برای (i= 0، j= 2؛ i< 10 , j< 5 ; i++, j++ ) { document.write (" i=" , i, "j=" , j) ;)

برای (i=0، j=2؛ i<10, j<5; i++, j++) { document.write("
i="، i، "j="،j);)

نسل صفحه "در حال پرواز": چگونه است؟

قبل از انجام کار بعدی، یک مثال را در نظر بگیرید ساخت یک صفحه html به صورت پویابا استفاده از جاوا اسکریپت

مثال 8:

• نیاز به تولید پویا لیست های گلوله ای و شماره گذاری شده در یک صفحه وب بر اساس ورودی کاربر: از کاربر بخواهید وارد شود نمای لیست(شماره (شماره 1) یا گلوله (شماره 2))، و سپس تعداد آیتم های لیست.
• بسته به پاسخ، برچسب‌های یک لیست گلوله‌دار یا شماره‌دار را با تعداد مورد نیاز نمایش دهید.
• اگر یک نوع لیست ناموجود وارد شده است، یک پیام صادر کنید "نوع صحیح را وارد کنید!"و از برنامه خارج شوید ().

بیایید برچسب ها را به خاطر بسپاریم:
برچسب های لیست شماره گذاری شده:

برچسب های لیست گلوله ای:

var listType=prompt("1" را برای لیست گلوله ای، "2" را برای لیست شماره گذاری شده وارد کنید");