この記事にはプロモーションが含まれています。

特定の文字列が含まれてるか簡単に判定する方法【JS/jQuery】

2024-03-202024-10-10

ケケンタ

こんにちは！　ケケンタです。

この記事ではjQueryを用いて、ある文字列内に特定の文字列が含まれているかどうかを簡単に判定する方法をご紹介します。

ケケンタ

ケケンタのITブログでは、Webアプリ（PHP・Laravel）やWeb制作（WordPress・コーディング）について情報を発信しています。
学習中の方や実務をされている方など多くの方にアクセスいただいていますので、ぜひほかの記事も参考にしてみてください！

運動不足、気になっていませんか？

もしプログラミング学習やお仕事で運動不足が気になっているなら
連続屈伸運動がおすすめです！

ボタンにカーソルを合わせるだけで
カウントダウンが始まるタイマーをご用意してみました！

ケケンタ

無理のない範囲で、ぜひ隙間時間に屈伸運動を取り入れてみて下さい！

タイマースタート

3:00

1分 3分 5分 10分

※運動不足だと連続３分で取り組んでもかなり息が切れます。
（僕は加えて気分もちょっと悪くなりました……）
絶対にご無理の無い範囲でお取り組みください！

【結論】indexOfメソッドを使用する

いきなり結論ですが、indexOfメソッドを使用することで簡単に文字列が含まれているかを判定することが可能です。

if ("文字列".indexOf("検索文字") >= 0) {
  // 「検索文字」が「文字列」に含まれていた場合の処理
} else {
  // 含まれていなかった場合の処理
}

解説

indexOfメソッドは、文字列内において特定の文字列が何番目に出現するかを算出してくれる関数です。

反対に、文字列が含まれていない場合は「-1」が返ってきます。

つまり、上記コードのように「”文字列”.indexOf(“検索文字”) >= 0」とすることで、文字列が含まれているかどうかを簡単に判定することが可能というわけです。

まとめ

ケケンタ

以上が文字列の中に特定の文字列が含まれているかどうかを簡単に判定する方法でした！

この方法なら、検索したい文字列が一意のものと確定していれば面倒な文字列切り出しなどもしなくて済みます。

上手く活用して効率よくコーディングしていきましょう。

特定の文字列が含まれてるか簡単に判定する方法【JS/jQuery】

【結論】indexOfメソッドを使用する

解説

まとめ

関連記事