【ESLint】Unary operator ‘++’ used の解消

JavaScript

2024.01.27

この記事は約2分で読めます。

記事内に広告が含まれています。

JavaScript で実装を行なっている場合、おそらく ESLint も導入していると思います。

この記事では Unary operator '++' used の解消方法を備忘録として記載します。

事象の概要

昔の書き方だと、 for ループ処理で以下のような書き方をよく（たまに？）しますよね。

const sampleSize = 10;
for (let i = 0; i < sampleSize; i++ ) {
  // 何かしらの処理
}

let count = 0;
const sampleArray = [1, 2, 3];
sampleArray.forEach(num => {
   // 何かしらの処理
   count ++;
});

この ++ がよくないよと言われます。

可読性が低いから？らしいです。

+= を使ってあげましょう。

const sampleSize = 10;
for (let i = 0; i < sampleSize; i += 1 ) {
  // 何かしらの処理
}

i += 1 で解消できます。

let count = 0;
const sampleArray = [1, 2, 3];
sampleArray.forEach(num => {
   // 何かしらの処理
   count += 1;
});

ESLint は優秀で、プロジェクトに導入すると最低限のコード品質が担保できるので、ぜひ活用したいですね。

そして、赤線が引かれてても、むやみに disable せずにちゃんと解消しましょう。