JavaScriptで文字列の先頭文字を取り出すことはよくある作業です。いくつかの方法がありますが、効率性と可読性の点で優れているものもあります。この記事では、charAt()、slice()、substring()、substr()の4つのアプローチを比較し、それぞれの長所と短所を明らかにします。
目次
charAt()の使用
charAt()メソッドは、指定されたインデックスの文字に直接アクセスします。先頭文字の場合は、インデックス0を使用します。
let myString = "Hello World!";
let firstChar = myString.charAt(0);
console.log(firstChar); // 出力: H
charAt()は簡潔で可読性が高く、この目的のために特別に設計されています。そのシンプルさから、一般的に推奨される方法です。
slice()の使用
slice()メソッドは、文字列の一部を抽出します。先頭文字を取得するには、開始インデックスを0、終了インデックスを1に指定します。
let myString = "Hello World!";
let firstChar = myString.slice(0, 1);
console.log(firstChar); // 出力: H
slice()はcharAt()よりも汎用性が高く、任意の長さの部分文字列を抽出できます。コード内で先頭文字だけでなく、それ以上の文字列を抽出する必要がある場合に適しています。
substring()の使用
slice()と同様に、substring()は部分文字列を抽出します。ただし、負のインデックスを受け付けません。先頭文字を取得するには、開始インデックスに0、終了インデックスに1を使用します。
let myString = "Hello World!";
let firstChar = myString.substring(0, 1);
console.log(firstChar); // 出力: H
このタスクではsubstring()はslice()と機能的に同等ですが、負のインデックスに対する制限により柔軟性が低くなります。一般的にslice()が推奨されます。
substr()の使用（レガシー）
substr()メソッドは機能しますが、レガシーメソッドと見なされています。開始インデックスと部分文字列の長さを引数として取ります。
let myString = "Hello World!";
let firstChar = myString.substr(0, 1);
console.log(firstChar); // 出力: H
より一貫性があり可読性の高いslice()およびsubstring()メソッドの方が推奨されるため、最新のJavaScriptではsubstr()の使用は推奨されません。
推奨事項
単に先頭文字を取得するだけなら、charAt()が最も簡潔で可読性の高い選択肢です。可変長の部分文字列を抽出する必要がある場合は、slice()の方が柔軟性があります。レガシーコードを扱っている場合を除き、substr()の使用は避けてください。