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

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

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

作成日: 更新日:

基本的な使い方

String.prototype.strike()メソッドは、呼び出し元の文字列をHTMLの<strike>タグで囲み、その結果を新しい文字列として返すメソッドです。このメソッドは、指定された文字列に打ち消し線を視覚的に適用する目的で使用されていました。例えば、"テキスト".strike()と実行すると、<strike>テキスト</strike>という形式のHTML文字列が生成されます。

しかしながら、String.prototype.strike()メソッド、およびそれが生成するHTMLの<strike>タグは、現在のウェブ標準においては非推奨とされています。これは、HTMLが文書の構造を定義する役割に専念し、表現や見た目の指定はスタイルシート(CSS)で行うというウェブ開発の原則に基づいているためです。

現在では、テキストに打ち消し線を適用する場合、CSSのtext-decorationプロパティにline-throughの値を設定する方法が推奨されています。例えば、p { text-decoration: line-through; }のようにCSSを記述することで、HTMLタグではなくスタイルとして打ち消し線を表現することが可能です。システムエンジニアを目指す上では、非推奨の機能の存在を理解しつつ、よりモダンで標準に準拠した代替手法を用いることが重要となります。

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

構文(syntax)

1const myString = "これは取り消し線が引かれます"; // Stringオブジェクトまたは文字列リテラル
2const result = myString.strike();
3// result には "<strike>これは取り消し線が引かれます</strike>" の形式のHTML文字列が格納されます。

引数(parameters)

引数なし

引数はありません

戻り値(return)

String

このメソッドは、文字列を <s> タグで囲んだ新しい文字列を返します。

関連コンテンツ

関連プログラミング言語