JavaScript 쉼표 연산자(,)란? 개념부터 활용 예제까지

JavaScript의 쉼표 연산자(,)는 여러 표현식을 하나의 문장에서 순차적으로 평가할 수 있게 해주는 연산자입니다. 각 피연산자를 왼쪽부터 오른쪽으로 차례대로 평가하며, 최종적으로는 마지막 피연산자의 값을 반환합니다.

기본 문법

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

expression1, expression2, ...... expressionN

여러 표현식이 나열되면 왼쪽부터 차례로 실행되고, 전체 표현식의 결과값은 가장 마지막에 위치한 표현식의 평가 결과가 됩니다.

for 루프에서 활용하기

쉼표 연산자는 for 루프에서 여러 변수를 동시에 초기화하거나, 한 번의 반복에서 여러 변수를 갱신해야 할 때 특히 유용합니다.

for (var a = 0, b = 5; a <= 5; a++, b--) {
  console.log(a, b);
}

위 예제에서는 변수 a와 b를 동시에 초기화하고, 매 반복마다 a는 증가시키고 b는 감소시킵니다. 이처럼 쉼표 연산자를 사용하면 별도의 코드를 추가하지 않고도 여러 변수를 효율적으로 제어할 수 있습니다.

return 문에서 활용하기

쉼표 연산자는 return 문에서도 사용할 수 있습니다. 값을 반환하기 전에 특정 연산을 먼저 처리하고 싶을 때 유용합니다.

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

console.log(myFunc()); // 1

위 코드에서 a += 1이 먼저 실행되어 a의 값이 1로 갱신된 후, 갱신된 값이 반환됩니다. 즉, 쉼표 앞의 표현식이 처리된 뒤 마지막 표현식의 값이 최종 반환됩니다.

정리

쉼표 연산자는 각 피연산자를 순서대로 평가하고 마지막 값만 반환한다는 점을 기억하면 됩니다. 다만 코드의 가독성을 해칠 수 있으므로, for 루프의 다중 변수 제어처럼 명확한 이점이 있을 때 사용하는 것이 좋습니다.