JavaScript 쉼표 연산자란? 언제 유용하게 사용될까?

JavaScript의 쉼표 연산자(comma operator)는 나열된 각 피연산자를 왼쪽에서 오른쪽으로 차례대로 평가한 뒤, 마지막 피연산자의 값을 반환합니다. 이 연산자를 활용하면 하나의 표현식이 들어가야 할 자리에 여러 개의 표현식을 결합해서 작성할 수 있습니다.

쉼표 연산자 기본 문법

쉼표 연산자의 기본적인 문법은 다음과 같습니다.

expression1, expression2, ……expressionN

for 루프에서 여러 변수 동시에 다루기

쉼표 연산자가 가장 널리 활용되는 곳은 바로 for 루프입니다. 초기화 구문과 증감 구문에서 두 개 이상의 변수를 한 번에 처리할 수 있어 코드가 더욱 간결해집니다.

for (var a = 0, b = 5; a <= 5; a++, b--)

위 예제에서는 변수 a는 1씩 증가하고, 변수 b는 동시에 1씩 감소하면서 루프가 진행됩니다.

return문에서 로직 실행 후 값 반환하기

return 문 안에서도 쉼표 연산자를 사용할 수 있습니다. 값을 반환하기 전에 특정 연산을 먼저 실행해야 할 때 유용합니다.

function myFunc() {
    var a = 0;
    return (a += 1, a);
}

위 예제를 보면 a += 1이 먼저 실행되어 a의 값이 1로 증가한 후, 마지막 피연산자인 a의 값이 최종적으로 반환됩니다. 이처럼 쉼표 연산자를 사용하면 별도의 줄을 추가하지 않고도 반환 전에 필요한 처리를 한 줄로 해결할 수 있습니다.