20.2Commas / Trailing

末尾のカンマ

複数行の配列やオブジェクトでは、末尾にカンマを付けることを推奨します。これにより、Gitの差分がクリーンになり、要素の追加や並べ替えが容易になります。

末尾カンマがない場合、新しい要素を末尾に追加すると、追加した行だけでなく、その前の行にもカンマを追加する変更が必要になります。これにより、Gitの差分(diff)が2行にわたってしまいます。末尾カンマを付けておけば、新しい要素を追加する際の変更は、その行だけになり、差分がクリーンに保たれます。

❌ Bad
// bad - git diff without trailing comma
const hero = {
     firstName: 'Florence',
-    lastName: 'Nightingale'
+    lastName: 'Nightingale',
+    inventorOf: ['coxcomb chart', 'modern nursing']
};
✅ Good
// good - git diff with trailing comma
const hero = {
     firstName: 'Florence',
     lastName: 'Nightingale',
+    inventorOf: ['coxcomb chart', 'modern nursing'],
};