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

【Node.js24.x】String::strike()メソッドの使い方

strikeメソッドの使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

strikeメソッドは、呼び出し元の文字列をHTMLの<strike>タグで囲み、その結果として新しいHTML文字列を返すメソッドです。例えば、"このテキスト".strike()と記述すると、<strike>このテキスト</strike>という形式の文字列が生成されます。この機能は、Webページ上でテキストに打ち消し線(取り消し線)の装飾を視覚的に適用したい場合に、対応するHTMLマークアップを簡便に生成することを目的としていました。

しかしながら、このstrikeメソッドはECMAScriptの標準仕様の一部ではなく、主に過去のWebブラウザ環境との互換性を保つために存在していたレガシーな機能です。Node.js環境でも組み込みのStringプロトタイプに存在しますが、現代のWeb開発においてはその使用は推奨されていません。

現在、Webコンテンツのスタイルを制御する際には、HTMLとCSSを分離することが一般的なベストプラクティスとされています。テキストに打ち消し線を適用する場合も、HTML要素に対してCSSのtext-decoration: line-through;プロパティを適用することが推奨される方法です。これにより、マークアップのセマンティクス(意味)とプレゼンテーション(見た目)が明確に分離され、コードの可読性、保守性、およびアクセシビリティが向上します。

したがって、新しいアプリケーション開発や既存コードの改修においては、strikeメソッドの直接的な使用は避け、CSSを用いたモダンなアプローチを採用することを強くお勧めします。

構文(syntax)

1const originalString = "This text should be struck through.";
2console.log(originalString.strike());

引数(parameters)

引数なし

引数はありません

戻り値(return)

string

元の文字列に打ち消し線が適用されたHTMLの<s>タグで囲まれた文字列を返します。

関連コンテンツ

関連プログラミング言語