【JavaScript】文字列が指定した文字列で終わっているかどうかを判定する方法

文字列の末尾一致を判定するJavaScript関数

今回は、2つの文字列（str1 と str2）を引数として受け取り、str1 の末尾が str2 と一致しているかどうかを判定するJavaScript関数を作成します。判定結果はブール値（true / false）として返します。

たとえば、次のような2つの文字列を用意してみましょう。

サンプルデータ

1つ目の文字列：

const str1 = 'this is just an example';

2つ目の文字列：

const str2 = 'ample';

コード例

以下が、文字列の末尾一致を判定する関数の実装例です。

const str1 = 'this is just an example';
const str2 = 'ample';

const endsWith = (str1, str2) => {
    // str2 の長さを取得
    const { length } = str2;
    // str1 の長さを取得
    const { length: l } = str1;
    // str1 の末尾から str2 と同じ長さの部分文字列を切り出す
    const sub = str1.substr(l - length, length);
    // 切り出した部分文字列と str2 を比較
    return sub === str2;
};

console.log(endsWith(str1, 'temple'));
console.log(endsWith(str1, str2));

実装のポイント

この関数の仕組みはシンプルです。

手順1： 分割代入を使って、str2 と str1 のそれぞれの文字数（length）を取得します。
手順2： str1 の後ろから str2 と同じ文字数分だけ substr() で切り出します。
手順3： 切り出した部分文字列が str2 と完全に一致するかどうかを === 演算子で比較し、その結果を返します。

なお、モダンなJavaScriptでは String.prototype.endsWith() メソッドを使えば同様の判定を一行で行うこともできます。

console.log(str1.endsWith('temple')); // false
console.log(str1.endsWith('ample'));  // true

出力結果

上記のコードを実行すると、コンソールには以下のように出力されます。

false
true

'temple' は str1 の末尾と一致しないため false、'ample' は「example」の末尾と一致するため true が返されます。