JavaScriptのStringオブジェクトのincludes()メソッドについて記載します。
概要、実際のサンプルコードを交えて構文などの使い方をまとめてみました。
JavaScriptのStringオブジェクトとは？
JavaScript（JS) のStringオブジェクト（文字列）は、他の言語と比べて、動的なデータ型として定義されています。
そして、 他のプログラミング言語 (C 言語など) とは異なり、文字列のメソッドが豊富に用意されています。
また、文字列と数値を効率的に相互変換する方法も提供されています。
事前に定義されたメソッドを利用して文字列操作が容易に出来る点も他言語と比べても有利な点ですが、他の言語と比べて一部の文字列処理が遅くなることがあるとも言われています。
それでは、次に本題の説明に移ります。
JavaScriptのStringオブジェクトのincludes()概要
Stringオブジェクトのincludes()は、文字列内に特定の文字列が含まれているかどうかを判定するメソッドです。
構文、使い方
構文：string.includes(searchString[, position])
使い方：searchStringがstring内に存在するかどうかを確認する。positionを指定すると、その位置から検索を開始する。searchStringが存在する場合はtrue、存在しない場合はfalseを返す。
引数について
includes()の引数は、検索する文字列を指定します。
返り値について
includes()は、指定した文字列が含まれているかを判定するメソッドで、文字列が含まれている場合はtrueを返し、含まれていない場合はfalseを返します。
このメソッドを利用した便利なテクニック
Stringオブジェクトのincludes()を使うと、文字列内に特定の文字列が含まれているかどうかを簡単に確認できます。
例えば、文字列内に特定の文字列が含まれているかどうかを確認するために、次のようなコードを書くことができます。
|
1 2 3 4 |
let myString = ""Hello World""; if (myString.includes(""Hello"")) { console.log(""The string includes 'Hello'""); } |
現場で実際にどのように使われているか
Stringオブジェクトのincludes()は、文字列内に特定の文字列が含まれているかどうかを判定するために使用されます。
例えば、文字列 “”Hello World”” に “”World”” が含まれているかどうかを判定する場合、以下のようにして使用できます。
|
1 2 3 4 |
let str = ""Hello World""; let result = str.includes(""World""); // result は true となります |
JavaScriptのStringオブジェクトのincludes()と一緒によく使われる処理
indexOf()との組み合わせで、文字列内に特定の文字列が含まれているかどうかを判定するためです。
includes()は文字列内に特定の文字列が含まれているかどうかを判定するためのメソッドですが、indexOf()は文字列内に特定の文字列が最初に現れる位置を取得するためのメソッドです。
使用する上での注意点
-includes()は、文字列の中に指定した文字列が含まれているかどうかを判定するメソッドです。
-includes()は、大文字と小文字を区別します。
-includes()は、文字列内の位置を指定する第2引数を指定することができます。
JavaScriptのStringオブジェクトのincludes()と似た処理のJSメソッド、違い
indexOf()メソッドと似ていますが、下記違いがあります。
- indexOf()は見つからなかった場合-1を返します。
- includes()は文字列が見つかった場合、その位置を返す。
JavaScriptのStringオブジェクトのincludes()を使ったサンプルコードの紹介
Stringオブジェクトのincludes()を使ったサンプルコード
|
1 2 3 4 5 6 7 8 9 10 |
// 文字列に指定した文字列が含まれているかを判定 let str = ""Hello World""; // 文字列に""World""が含まれているか console.log(str.includes(""World"")); //true // 文字列に""Goodbye""が含まれているか console.log(str.includes(""Goodbye"")); //false |
JavaScript stringオブジェクトの他メソッドについて
JavaScriptのmapオブジェクトの他メソッドについては、下記記事にもまとめていますので参考にしてみてください
また、JavaScriptの公式ドキュメントであるMDNで記載されているstringオブジェクトのincludesメソッドについても補足としてリンクを貼っておきます。参考にしてみてください。
