Javascript 콤마(,) 연산자

javascript를 처음 배울 때 콤마(,) 연산자, 할당 연산자, &&, || 등의 연산자에 대해 제대로 배운 것 같지가 않습니다.
코드를 줄이고, 가독성을 높혀주는 콤마(,) 연산자를 자주 사용하기 위해서 개념을 정리합니다.

사실 콤마 연산자는 MDN에 나와있는 것처럼 한 줄로 정리됩니다.

쉼표 연산자는 각각의 피연산자를 왼쪽에서 오른쪽 순서로 평가하고, 마지막 연산자의 값을 반환합니다.

다음 예제를 보면 확실히 이해할 수 있습니다.

var a, b, c;

a = b = 3, c = 4; // 콘솔에는 4를 반환
console.log(a); // 3

var x, y, z;

x = (y = 5, z = 6); // 콘솔에는 6을 반환
console.log(x); // 6

// 다음과 같은 코드도 읽기 좋다! 👏
const a = 'v';
// if (a) console.log(a);
a && console.log(a);

let b = false;
// if (!b) b = true;
!b && (b = true);

결론

콤마 연산자와 같이 할당 연산자, &&, || 연산자의 쓰임을 제대로 이해하는 것이 코드를 줄이고 가독성을 높히는데 도움이 됩니다.
코드의 가독성은 사실 편하게, 길게 쓰는 것만이 높혀주지 않는 것 같습니다. 문법을 제대로 이해하고 활용하는 것이 코드의 가독성을 높혀줄 수 있습니다. (팀의 수준에 따라 다를 수 있습니다...😇)

출처

comma-operator(MDN)