Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【JavaScript ECMAScript】String::String.prototype.subインスタンスメソッドの使い方

String.prototype.sub()インスタンスメソッドの使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

String.prototype.sub()メソッドは、呼び出し元の文字列をHTMLの<sub>タグで囲んだ新しい文字列を生成するメソッドです。これは、特定のテキストを下付き文字として表示したい場合に、そのためのHTML形式の文字列を作成するために使用されます。例えば、「"H2O".sub()」のように呼び出すと、「H<sub>2</sub>O」という形式の文字列が生成され、ウェブページ上で数字の2が下付き文字として表示されることを意図しています。

このメソッドはJavaScriptのGlobal_Objectsに分類され、Stringオブジェクトのインスタンスから利用できるメソッドです。つまり、任意の文字列に対して直接.sub()を付加して呼び出すことができます。

しかし、String.prototype.sub()メソッドはECMAScriptの標準から削除され、現在では非推奨とされています。現代のウェブ開発においては、テキストの視覚的な装飾やレイアウトはHTMLではなく、CSS(Cascading Style Sheets)を使用して制御することが推奨されています。具体的には、CSSのvertical-alignプロパティなどを用いて下付き文字のスタイルを適用するのが一般的です。システムエンジニアを目指す初心者の方々には、互換性の問題や今後のウェブ標準との整合性を考慮し、このメソッドの使用は避け、CSSによるスタイリング手法を習得することを強くお勧めします。

公式リファレンス: String.prototype.sub()

構文(syntax)

1const myString = "Hello world";
2myString.sub();

引数(parameters)

引数なし

引数はありません

戻り値(return)

string

指定された正規表現にマッチする部分文字列を、指定された置換文字列で置き換えた新しい文字列を返します。

関連コンテンツ

関連プログラミング言語