Оператор присваивания в JavaScript

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

Наиболее распространенным оператором присваивания является оператор равенства «=», который присваивает правостороннее значение левой переменной.

Общий синтаксис выглядит следующим образом:

variable = value; // Here, a value can be a constant, a variable, or an expression.

Мы можем присвоить переменной примитивного типа целочисленное литеральное значение или результат выражения.

let x = 10; // Literal assignment. Here, x is assigned a value 10 by = operator.
let y = x+2; // Assignment with an expression.
let z = x * y; // Assignment with an expression with literal.

Типы операторов присваивания в JavaScript

Мы можем классифицировать оператор присваивания в JavaScript по трем основным категориям. Они следующие:

• Простое присваивание
• Составное присваивание
• Присваивание как выражение

Простое присваивание

Простой оператор присваивания может использоваться для сохранения или присвоения значения переменной или для сохранения значения переменной в другой переменной. Общая форма для представления простого присваивания приведена ниже:

variable = expression;

В приведенном выше синтаксисе,

• переменная: это имя переменной, представляющее ячейку памяти, в которой может храниться значение.
• выражение: это может быть константа, переменная или комбинация констант, переменных и операторов.
• = — это оператор присваивания.

Давайте разберемся в этом с помощью нескольких примеров.

1. var x = 20;
2. var y = x; // Here, the value of variable x is stored into y.

Составные операторы присваивания

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

variable op = expression;

В этом синтаксисе op обозначает двоичный оператор JavaScript. Это может быть +– */% << >> и т.д. переменная и выражение такие же, как описано в простом присваивании.

Давайте разберемся со всеми типами составных операторов присваивания с помощью нескольких примеров.

1. Сложение присваивания (+=):

x += 10; // It is equivalent to int x = x+10;

2. Присваивание вычитания (-=):

x -= 10; // It is equivalent to int x = x – 10;

3. Назначение умножения (*=):

x *= 100; // It is equivalent to a = a * 100;

4. Назначение деления (/=):

x /= 10; // It is equivalent to x = x/10;

5. Присвоение остатка (%=):

a %= 10; // It is equivalent to a = a%10;

Давайте создадим программу на JavaScript, основанную на составных операторах присваивания.

Пример 1:

<script>
  let x = 20, y = 30, z = 50;
   x += y;
   y -= x+z;
   z *= x * y;
  document.write("x = " +x, "<br>");
  document.write("y = " +y, "<br>");
  document.write("z = " +z);
</script>

Вывод:
 x = 50
 y = -70
 z = -175000

Объяснение:

1. Выражение x += y; будет вычислено на следующих этапах:

x += y; эквивалентно x = x+y;
x = 20+30;
x = 50;

2. Выражение y -= x+z; эквивалентно y = y – (x+z);

y = y – (50+50);
y = 30 – 100;
y = -70;

3. Выражение z*= x * y; эквивалентно z = z * (x * y);

z = z * (50 * (-70));
z = 50 * (-3500);
z = -175000;

Присваивание как выражение

В JavaScript мы также можем рассматривать операцию присваивания как выражение, потому что операция имеет результат. Результатом (или result) выражения является значение, которое хранится в переменной. Например:

int a = b – c+4;

Здесь сначала вычисляется выражение b – c+4, а затем его результат сохраняется в переменной a.

Пример 2:

<script>
  let a = 19, b = 31, c = 50;
   a += 1;
   b -= 1;
   c *= 2;
  let x = (10+a);
  let y = x+100;
  let z = x+y+c;
    
  document.write("Value of a: " +a, "<br>");
  document.write("Value of b: " +b, "<br>");
  document.write("Value of c: " +c, "<br>");
  
  document.write("Value of x: " +x, "<br>");
  document.write("Value of y: " +y, "<br>");
  document.write("Value of z: " +z);
</script>

Вывод:
 Значение a: 20
 Значение b: 30
 Значение c: 100
 Значение x: 30
 Значение y: 130
 Значение z: 260

Объяснение:

Следующие шаги, связанные с вычислением приведенных выше выражений программы JavaScript.

1. Вычисление выражения: a += 1;

a = a+1;
a = 19+1;
a = 20;

2. Вычисление выражения: b -= 1;

b = b – 1;
b = 31 – 1;
b = 30;

3. Вычисление выражения: c *= 2;

c = c * 2; 
c = 50 * 2;
c = 100;

4. Вычисление x = (10+a);

x = 10+20; // Здесь значение x будет равно 20, а не 19.
x = 30;

5. Вычисление y = x+100;

y = 30+100; // Здесь значение x будет равно 30.
y = 130;

6. Вычисление z = x+y+c;

z = 30+130 +100; // Здесь значение c будет равно 100.
z = 260;

Попробуйте сами

Пример 3:

<script>
  var a = 9, b = 21, c = 10;
   a += 1;
   b -= 1;
   c *= 2;
  var x = (10+a)* 2/10;
  var y = (x+(11 * x))/12;
  var z = x+y+c;

  document.write("Value of x: " +x, "<br>");
  document.write("Value of y: " +y, "<br>");
  document.write("Value of z: " +z);
</script>

Пример 4:

<script>
  var a = 20, b = 10, c = 5;
  var exp = (b += a) * c/10;
  document.write("Value of exp: " +exp);
</script>

В этом руководстве вы изучили операторы присваивания в JavaScript и их типы на примерах программ. Надеюсь, что вы поняли основные моменты, связанные с операторами присваивания. В следующем уроке мы изучим операторы сравнения в JavaScript на примерах различных программ.
Спасибо за чтение!!!