ЦЕЛЬ. Разработайте JavaScript, чтобы использовать операторы принятия решений и циклов.

Соответствующий результат курса:

Создавайте интерактивные веб-страницы, используя структуру управления потоком программы.

Необходимые ресурсы:

Оборудование: компьютерная система

Программное обеспечение:браузер, Vs Code.

Теоретическая основа:

Заявления о принятии решений

  • Принятие решений в программировании похоже на принятие решений в реальной жизни.
  • Язык программирования использует операторы управления для управления потоком выполнения программы на основе определенных условий.
  • Условные операторы JavaScript:
    1) if
    2) if-else
    3) if…else…if
    4) switch

1) если заявление

  • оператор if — самый простой оператор принятия решения.
  • Он используется, чтобы решить, будет ли выполняться определенный оператор или блок операторов или нет.
  • Если определенное условие истинно, то выполняется блок операторов, иначе нет.
  • Синтаксис
if ( condition ) 
{
   // block of code to be executed
}
  • Вы можете опустить фигурные скобки, если в блоке есть только один оператор.

2) оператор if…else

  • Оператор if-else состоит из двух частей: if block и else block.
  • Если условие истинно, то если блок (истинный блок) будет выполнен, а если условие ложно, то иначе будет выполнен блок (ложный блок).
  • Синтаксис
if ( condition )  
{
    // block of code to be executed when condition is true
} 
else 
{
    // block of code to be executed when condition is false
}

3) if…else…if оператор

  • Оператор if…else…if — это расширенная форма оператора if…else, которая позволяет JavaScript принимать правильные решения из нескольких условий.
  • Все условия if будут проверяться одно за другим. Если какое-либо условие из заданного истинно, то этот блок будет выполнен, а другие блоки пропущены.
  • Синтаксис
if ( condition 1 )  
{
    // block of code to be executed when condition 1 is true
} 
else if ( condition 2 )  
{
    // block of code to be executed when condition 2 is true
} 
else if ( condition 3 )  
{
    // block of code to be executed when condition 2 is true
}
else
{
   // block of code to be executed if no condition matches
}

4) оператор переключения

  • Целью оператора switch является предоставление выражения для оценки и нескольких различных операторов для выполнения в зависимости от значения выражения.
  • Интерпретатор сверяет каждый случай со значением выражения, пока не будет найдено совпадение. Если ничего не совпадает, будет использовано условие по умолчанию.
  • Синтаксис
switch (expression) 
{
   case c1: statement(s)
            break;
   
   case c2: statement(s)
            break;
   ...
   
   case cn: statement(s)
            break;
   
   default: statement(s)
}

Операторы цикла

  • Циклы в языках программирования позволяют многократно выполнять набор инструкций/функций, пока какое-либо условие оценивается как истинное.
  • Например, предположим, что мы хотим напечатать «Hello World» 10 раз, это возможно с помощью циклов.
  • В основном существует два типа циклов:
    1) Контролируемые циклы входа: в циклах этого типа условие проверки проверяется перед входом в тело цикла. Цикл for и цикл While являются циклами, контролируемыми входом.
    2) Циклы, контролируемые выходом: в циклах этого типа условие проверки проверяется или оценивается в конце тела цикла. Следовательно, тело цикла выполнится хотя бы один раз, независимо от того, истинно или ложно условие проверки. Цикл do-while — это цикл, управляемый выходом.
  • Ниже приведены типы циклов в JavaScript:
    1) цикл while
    2) цикл do-while
    3) цикл for
    4) цикл for…in

1) пока цикл

  • Цикл while – это цикл, контролируемый входом, который позволяет многократно выполнять код, если условие выполняется.
  • Когда условие становится ложным, цикл завершается, что означает конец его жизненного цикла.
  • Цикл while выполняется НОЛЬ или БОЛЬШЕ раз.
  • Синтаксис
while (condition)
{
   // Statements to be executed
}

2) цикл do-while

  • Цикл do-while — это цикл, контролируемый выходом, который позволяет выполнять сначала код, а затем проверяет условие и, в зависимости от этого, повторяет выполнение.
  • Когда условие становится ложным, цикл завершается, что означает конец его жизненного цикла.
  • Цикл do-while выполняется ОДИН или НЕСКОЛЬКО раз.
  • Синтаксис
do
{
    // Statements to be executed
}  while (condition);

3) для петли

  • Цикл for – это цикл, контролируемый входом, который позволяет многократно выполнять код.
  • Он обеспечивает краткий способ записи структуры цикла.
  • В отличие от цикла while оператор for использует инициализацию, условие и увеличение/уменьшение в одной строке, тем самым обеспечивая более короткую и удобную для отладки структуру цикла.
  • Цикл for выполняется НОЛЬ или БОЛЬШЕ раз
  • Синтаксис
for (initialization; condition; increment/decrement)
{
    // Statements to be executed
}

4) for…в цикле

  • JavaScript также включает другую версию цикла for, также известную как цикл for..in.
  • Цикл for..in обеспечивает более простой способ перебора свойств объекта.
  • Этот цикл очень полезен при работе с объектами.
  • На каждой итерации одно из свойств объекта присваивается переменной с именем variableName, и этот цикл продолжается до тех пор, пока не будут обработаны все свойства объекта.
  • Синтаксис
for (variableName in Object)
{
    // Statements to be executed
}

Программа: проверьте, является ли число четным или нечетным, и распечатайте таблицу или 10, используя принятие решений и оператор цикла.

<html>
    <head>
        <title>
            Practical_2
        </title>
    </head>
    <body>
        <h1>Practical No.2</h1>
        <p><b>Aim</b> : Develop JavaScript to use decision making and looping statement.</p><hr>
         <script type="text/javascript">

            document.write("<b>Check the Number is even or odd ?</b><br>");
                  let a =0;
                  a = prompt("Enter the new Number:");
                  document.write("<br>")
                  if (a%2==0)
                    document.write(a," is a even number");
                 else
                    document.write(a," is odd number<br>");
                    
            document.write("<hr>");
            document.write("<b>Printing the Table of :</b> ",a,"<br>" );
                    for(let i=1;i<=10;i++) {
                
                        document.write("<br>",i*a);
                    }

            
         </script>
    </body>
</html>

Вывод:

Вывод:

Таким образом, я успешно разработал и выполнил JavaScript, чтобы использовать оператор принятия решений и цикл.