【JavaScript】indexOfの文字列検索で大文字と小文字を区別しない方法

2023年3月10日2023年7月16日

本記事では、indexOfメソッドの文字列検索で大文字と小文字を区別しない方法について解説しています。

JavaScriptの学習におすすめ書籍

1冊ですべて身につくJavaScript入門講座

総合評価

( 5 )

メリット

誰でも分かるように嚙み砕いて説明してくれる
アニメーションの知識が深く学べる
1つのWebサイトを作りながら学べる

1冊ですべて身につくJavaScript入門講座 [ Mana ]

楽天ブックス

¥2,794 （2025/02/23 18:06時点 | 楽天市場調べ）

Amazonで探す

楽天市場で探す

Yahoo!ショッピングで探す

ポチップ

先輩くん

Amazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ！

後輩ちゃん

初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね！

Amazon Kindle Unlimited

全プログラマー必見！
変数名/関数名にもう悩まない！

リーダブルコード

総合評価

( 5 )

メリット

美しいコードが書けるが自然と書けるようになる
他の開発者が理解しやすいコードになる

リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice)

著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤功平, 翻訳:角征典

¥2,640 （2023/07/23 02:48時点 | Amazon調べ）

Amazonで探す

楽天市場で探す

Yahoo!ショッピングで探す

ポチップ

indexOfの文字列検索で大文字と小文字を区別しない方法

indexOfメソッドの文字列検索で大文字と小文字を区別しない方法はとても簡単で、対象の文字列と検索したい文字列をどちらとも大文字または小文字に変換し統一させます。

let str = "MY nAme is KEn";

// 大文字に統一
if (str.toUpperCase().indexOf("ken".toUpperCase()) !== -1)
  console.log("名前がKenの人を見つけたよ！");

// 小文字に統一
if (str.toLowerCase().indexOf("KEN".toLowerCase()) !== -1)
  console.log("名前がKenの人を見つけたよ！");

一つ目のif文では、対象の文字列と検索したい文字列に対してtoUpperCaseメソッドを使用して大文字に統一しています。

一つ目のif文では、対象の文字列と検索したい文字列に対してtoLowerCaseメソッドを使用して小文字に統一しています。

対象の文字列と検索したい文字列は、どちらも大文字と小文字がバラバラですが戻り値が-1でないことから検索に成功していることが分かります。