【JavaScript】startsWith / endsWith – 文字列が特定の文字列で開始、終了しているか判断するメソッド

JavaScriptのstartsWith()とendsWith()は、文字列が特定の文字列で始まっているか、または終わっているかを判定するメソッドです。検索処理やバリデーションなど、さまざまな場面で役立つため、基本的な使い方や実用例をまとめていきたいと思います。

目次非表示

startsWith() メソッドとは？

startsWith()は、文字列が特定の文字列で始まっているかを判定し、trueまたはfalseを返すメソッドです。

JavaScript

文字列.startsWith(検索する文字列 [, 開始位置])

JavaScript

const text = 'コーヒーはおいしいです。';
console.log(text.startsWith('コーヒー')); // true
console.log(text.startsWith('おいしい')); // false

JavaScript

const sentence = 'Hello, JavaScript!';
console.log(sentence.startsWith('JavaScript', 7)); // true（インデックス7から検索）

endsWith()は、文字列が特定の文字列で終わっているかを判定するメソッドです。

JavaScript

文字列.endsWith(検索する文字列 [, 検索する長さ])

HTML

const message = '今日はカフェラテが飲みたい気分です。';
console.log(message.endsWith('です。')); // true
console.log(message.endsWith('飲みたい')); // false

HTML

const filename = 'recipe.pdf';
console.log(filename.endsWith('recipe', 6)); // true（先頭6文字までの範囲でチェック）

両メソッドとも大文字小文字を区別するため、適切な比較が必要です。

JavaScript

console.log('Coffee'.startsWith('coffee')); // false
console.log('Coffee'.toLowerCase().startsWith('coffee')); // true

startsWith()やendsWith()は部分一致ではなく、指定した位置の完全一致を判定します。

JavaScript

console.log("hello world".startsWith("world")); // false