本記事では、indexOfメソッドの文字列検索で大文字と小文字を区別しない方法について解説しています。
JavaScriptの学習におすすめ書籍
1冊ですべて身につくJavaScript入門講座
![](https://web-engineer-wiki.com/wp-content/uploads/2023/07/javascript-1.jpg)
メリット
- 誰でも分かるように嚙み砕いて説明してくれる
- アニメーションの知識が深く学べる
- 1つのWebサイトを作りながら学べる
![](https://web-engineer-wiki.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
![](https://web-engineer-wiki.com/wp-content/uploads/2022/02/cropped-favicon.jpg)
Amazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ!
![](https://web-engineer-wiki.com/wp-content/uploads/2022/02/woman-icon.jpeg)
![](https://web-engineer-wiki.com/wp-content/uploads/2022/02/woman-icon.jpeg)
![](https://web-engineer-wiki.com/wp-content/uploads/2022/02/woman-icon.jpeg)
初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね!
全プログラマー必見!
変数名/関数名にもう悩まない!
変数名/関数名にもう悩まない!
リーダブルコード
![](https://web-engineer-wiki.com/wp-content/uploads/2023/07/code-write.jpeg)
![](https://web-engineer-wiki.com/wp-content/uploads/2023/07/code-write.jpeg)
メリット
- 美しいコードが書けるが自然と書けるようになる
- 他の開発者が理解しやすいコードになる
著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤 功平, 翻訳:角 征典
¥2,640 (2023/07/23 02:48時点 | Amazon調べ)
![](https://web-engineer-wiki.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
![](https://web-engineer-wiki.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
目次
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でないことから検索に成功していることが分かります。
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://web-engineer-wiki.com/wp-content/uploads/2022/01/thumbnail35-300x169.jpg)
![](https://web-engineer-wiki.com/wp-content/uploads/2022/01/thumbnail35-300x169.jpg)
![](https://web-engineer-wiki.com/wp-content/uploads/2022/01/thumbnail35-300x169.jpg)
【JavaScript】大文字と小文字を変換する方法
本記事では、JavaScriptで大文字と小文字を変換する方法について解説します。 【大文字から小文字に変換】 まず初めに、大文字から小文字に変換する方法について解説し…