Заявления в JavaScript

Jan 24 2023

Операторы JavaScript — это блок кода, который выполняет какое-либо действие или задачу. По умолчанию интерпретатор JavaScript выполняет эти операторы один за другим в том порядке, в котором они написаны.

Давайте попробуем понять различные виды операторов в JS ниже.

1. Операторы выражений

Выражения, которые имеют побочные эффекты, рассматриваются как операторы выражений , такие как операторы присваивания, вызов функции, операторы увеличения и уменьшения, ++ и -, связанные с операторами присваивания и операторами удаления.

let greeting = “Hello “ + name; //assignment statement
counter ++; // increment operator which is changing a variable value
delete o.x; // deleting a property of an object O
cx = Math.cos(x);; // function invocation and assign the value to a variable

Один оператор может содержать более одного подоператора и считается составным оператором или блоком операторов в JS. Следующие строки действуют как один оператор

{ 
 x = Math.PI; 
 cx = Math.cos(x);
 console.log(“cos(π) = “ + cx);
}

3. Условное заявление

Операторы, которые заставляют интерпретатор JS выполнять или пропускать другие операторы в зависимости от значения выражения, такого как операторы if и switch .

3.1 Оператор if —
основной управляющий оператор, который позволяет JS принимать решения и выполнять операторы условно.

//syntax
If (expression) 
 Statement1
else 
 Statement 2

//example
if (n === 1) { //curly braces are optional in case of single statement
 console.log("You have 1 new message.");
} else {
 console.log(`You have ${n} new messages.`);
}

3.2 Оператор Switch
Когда значение одного и того же выражения может использоваться для принятия решения между более чем двумя вариантами, для таких случаев JS предоставляет оператор switch.

//Syntax
switch(expression) {
 case label1: statement1; // if expression value === label1 execute statement1
 case label2: statement2; // if expression value === label2 execute statement2
 … 
 default: default_statement; // optional
}

//Example:
switch(n) {
  case 1:                        
   // Start here if n === 1.(sameness is determined by the === operator)
   // Execute code block #1.
   break;                         // stop here
  case 2:                         
    // Start here if n === 2
    // Execute code block #2.
   break;                         // Stop here
  case 3:                         
    // Start here if n === 3
    // Execute code block #3;
   break;                         // Stop here
  default:                        
    // If no case match the value of n
    // Execute code block #4.
}

4. Оператор циклов

Операторы, которые повторно выполняют другие операторы, такие как while и for.

4.1 Цикл while
Интерпретатор сначала вычисляет выражение . Если значение выражения ложно, то интерпретатор пропускает оператор , служащий телом цикла, и переходит к следующему оператору в программе. Если, с другой стороны, выражение истинно , интерпретатор выполняет оператор и повторяет его.

//Syntax
while (expression) { //curly braces are optional in case of single statement
  //statment or statement block
}

//Example
let count = 0;
while(count < 10) {
 console.log(count);
 count++;
}

//Syntax
do { //curly braces are optional in case of a single statement
 //statement / statement block
} 
while (expression);

//Example
let count = 0;
do {
 console.log(count);
 count++;
}
while (count < 10);

//syntax
for(initialize ; test ; increment) { //curly braces are optional in case of single statement
 //statement / statement block
}
//Example:
for(let count = 0; count < 10; count++) {
 console.log(count);
}

//Syntax with example
let data = [1, 2, 3, 4, 5, 6, 7, 8, 9], sum = 0;
for(let element of data) {
 sum += element;
}

// for of with map
let m = new Map([[1, "one"]]);
for(let [key, value] of m) {
 key    // => 1
 value  // => "one"
}

//syntax
for (variable in object) {
 //statement / statement block
}

//Example:
for(let p in o) { // Assign property names of o to variable p
 console.log(o[p]); // Print the value of each property
}

Операторы, которые заставляют интерпретатор перейти к другой части программы, такие как break , return и throw .

5.1 Помеченный
Любой оператор может быть помечен путем добавления перед ним идентификатора и двоеточия: Помечая оператор, вы даете ему имя, которое вы можете использовать для ссылки на него в другом месте вашей программы.

//syntax
identifier: statement

//example
mainloop: while(token !== null) {
 // Code omitted…
 continue mainloop; // Jump to the next iteration of the named loop(mainloop)
 // More code omitted…
}

5.2 Продолжение
При выполнении оператора continue текущая итерация окружающего цикла завершается и начинается следующая итерация.

//example
for(let i = 0; i < data.length; i++) {
 if (!data[i]) continue; // jump to the next iteration of the loop
 total += data[i];
}

//syntax
return expression;

//Example
function square(x) { return x*x; } // A function that has a return statement
square(2) // => 4

// A generator function that yields a range of integers
function* range(from, to) {
  for(let i = from; i <= to; i++) {
    yield i;
  }
}

try/catch/finally
Оператор try/catch/finally — это механизм обработки исключений в JavaScript.

//syntax
try {
 //Normally, this code runs from the top of the block to the bottom
 //without problems. But it can sometimes throw an exception,
 //either directly or with a throw statement.
} catch(e) {
 // The statements in this block are executed if, and only if, the try
 // block throws an exception. These statements can use the local variable
 // e to refer to the Error object or other value that was thrown.
} finally {
 // This block contains statements that are always executed, regardless of
 // what happens in the try block. They are executed whether the try
 // block terminates:
}

//example
try {
  // Ask the user to enter a number
  let n = Number(prompt("Please enter a positive integer", ""));
  // Compute the factorial of the number, assuming the input is valid
  let f = factorial(n);
  // Display the result
  alert(n + "! = " + f);
} catch(e) {     // If the user's input was not valid, we end up here
  alert(e);  // Tell the user what the error is
}

Следующие несколько сообщений станут частью серии, посвященной основам и дополнительным темам JavaScript.

Если вам понравилась эта история, нажмите кнопку и поделитесь ею, чтобы другие тоже могли ее найти! Кроме того, не стесняйтесь оставлять комментарии ниже.

Groww Engineering публикует технические анекдоты, новейшие технологии и лучшие способы решения распространенных проблем программирования. Вы можете подписаться здесь , чтобы получать последние обновления.