JavaScriptのsubstring(indexStart[, indexEnd])：部分文字列の抽出
JavaScriptで文字列を扱う際に欠かせないのが、substring()メソッドです。
この記事では、substring()メソッドの基本的な使い方から、より高度な使用例までを網羅的に解説します。
正しい引数の使用方法とそれに伴う出力結果を理解することで、読者はJavaScriptにおける文字列操作の技術を深めることができます。
substring(indexStart[, indexEnd])の基本
substring()メソッドは、文字列の一部を新しい文字列として抽出します。
このメソッドは二つの引数を取ります。第一引数indexStartは抽出開始位置を示し、オプションの第二引数indexEndは抽出終了位置の直前を示します。
indexEndが省略された場合、文字列の末尾までが抽出されます。
基本的なsubstring()の使用例
以下は、substring()メソッドを使って文字列の一部を抽出する基本的な例です。
ソースコード例
|
1 2 3 4 |
const str = "Hello, world!"; const partOfString = str.substring(7, 12); console.log(partOfString); |
出力結果
world
「7番目から12番目の直前までの文字が抽出されたね。これで"world"だけが表示されたよ！」
引数が一つの場合のsubstring()の使用例
substring()メソッドでは、第二引数を省略することができます。
この場合、指定した開始位置から文字列の末尾までが抽出されます。
ソースコード例
|
1 2 3 4 |
const str = "Hello, world!"; const fromSevenToEnd = str.substring(7); console.log(fromSevenToEnd); |
出力結果
world!
「7番目から最後までを取り出すと、"world!"が出てくるんだね！」
substring()の応用例
substring()メソッドは、テキストの特定部分を操作する際に非常に有用です。
例えば、フォーマットされた文字列から特定の部分だけを取り出すときなどに活用できます。
特定フォーマットからのデータ抽出
以下の例では、日付の文字列から年、月、日を個別に抽出しています。
ソースコード例
|
1 2 3 4 5 6 |
const dateStr = "2023/01/26"; const year = dateStr.substring(0, 4); const month = dateStr.substring(5, 7); const day = dateStr.substring(8, 10); console.log(`年: ${year}, 月: ${month}, 日: ${day}`); |
出力結果
年: 2023, 月: 01, 日: 26
「日付の文字列から年、月、日をきれいに分けられたね。これは便利！」
部分文字列の入れ替え
substring()を使うことで、文字列の特定部分を別の文字列で置き換えることもできます。
次の例では、特定の位置にある文字列を別の文字列で置き換えています。
ソースコード例
|
1 2 3 4 |
const originalStr = "Hello, JavaScript!"; const replacedStr = originalStr.substring(0, 7) + "World"; console.log(replacedStr); |
出力結果
Hello, World
「"JavaScript"の部分が"World"に置き換わったよ。文字列の操作が自由自在だね！」
まとめ
JavaScriptのsubstring()メソッドは、文字列から特定の部分を抽出するための強力なツールです。
このメソッドを適切に使用することで、文字列の分析、操作、データの抽出が容易になります。
最後まで読んで頂き、ありがとうございました。少しでもお役にたてたなら幸いです！
こちらもCHECK
-
-
【JavaScript】sliceメソッドの使い方 substringメソッドとの違いなどを徹底解説
JavaScriptのslice(start[, end])：部分文字列を簡単に抽出する方法 JavaScriptで文字列を扱う際、特定の部分を抽出することはよくあります。そのために非常に便利なのが、 ...
続きを見る
