14. 객체와 배열 마지막의 쉼표

이 포스팅은 '러닝 자바스크립트'를 보며 공부한 내용입니다.

객체와 배열 마지막의 쉼표

코드에서 객체와 배열 요소를 여러 행에 나눠 썼을 때 마지막에 있는 쉼표가 있을 수 있습니다.
이런 마지막 쉼표를 trailing comma, dangling comma, terminal comma 등으로 부릅니다.

const arr = [
  "One",
  "Two",
  "Three",
];

const o = {
  one: 1,
  two: 2,
  three: 3,
};

자바스크립트 문법에서는 마지막 쉼표를 계속 허용했었으나,
IE 초기 보전은 마지막 쉼표를 쓰면 에러를 내서 쓰지 않는 개발자가 많습니다.

마지막 쉼표를 쓰느냐 마느냐 하는 논쟁이 늘 있지만, 저는 마지막 쉼표를 선호합니다.
➜ 배열과 객체에서 잘라내고 붙여넣는 일이 많고, 객체 마지막에 프로퍼티를 추가하는 일이 많으므로.

✔️ 마지막 쉼표를 썼을 때 문제가 생긴다고 느끼거나, 팀의 스타일 가이드에서 마지막 쉼표를 쓰지 않도록 정했다면 마지막 쉼표를 쓰지마세요.

✔️ 널리 사용되는 자바스크립트 객체 표기법(JSON)에서는 마지막 쉼표를 허용하지 않습니다.