Comma: оператор запятой ( , ) в JavaScript

В этом руководстве вы узнаете о Comma — операторе запятой ( , ) в JavaScript и его использовании.

Знакомство с оператором запятой в JavaScript

JavaScript использует запятую ( , ) для представления оператора запятой. Оператор запятой принимает два выражения, оценивает их слева направо и возвращает значение правильного выражения.

Вот синтаксис оператора запятой:

leftExpression, rightExpression

Например:

let result =(10, 10 + 20); 
console.log(result);

Выход:

30

В этом примере 10, 10+20 возвращает значение правильного выражения, которое равно 10+20. Следовательно, значение результата равно 30.

См. следующий пример:

let x = 10; 
let y =(x++, x + 1); 
console.log(x, y);

Выход:

11 12

В этом примере мы увеличиваем значение x на единицу ( x++ ), добавляем единицу к x( x+1 ) и присваиваем x значению y. Следовательно, x равно 11, а y равно 12 после утверждения.

Однако, чтобы сделать код более явным, вы можете использовать два оператора, а не один оператор с запятой, например:

let x = 10; 
x++; 
let y = x + 1; 
console.log(x, y);

Этот код более явный.

На практике вы можете использовать оператор запятой внутри цикла for для обновления нескольких переменных каждый раз в цикле.

В следующем примере оператор запятая используется в цикле for для отображения массива из девяти элементов в виде матрицы из трех строк и трех столбцов:

let board = [1, 2, 3, 4, 5, 6, 7, 8, 9]; 
let s = ''; 
for(let i = 0, j = 1; i < board.length; i++, j++) { 
s += board[i] + ' '; 
if(j % 3 == 0) { 
console.log(s); 
s = ''; 
} 
}

Выход:

1 2 3 4 5 6 7 8 9

Заключение

• Оператор запятой принимает два выражения и оценивает их слева направо и возвращает значение правильного выражения.
• Используйте оператор запятой ( , ) внутри цикла for для однократного обновления нескольких переменных.
• Используйте два оператора, а не оператор запятой в другом месте, чтобы сделать код более явным и понятным.