入力テキスト:
出力:
JavaScriptのエスケープ/アンエスケープツールとは?
JavaScriptのエスケープ/アンエスケープツールは、文字列内の特殊文字をエンコードまたはデコードして、安全にJavaScriptコード内で使用できるようにします。エスケープは、引用符、バックスラッシュ、改行などの文字を適切にエンコードし、アンエスケープはそれを元の文字列に戻します。
なぜJavaScriptで文字列をエスケープする必要があるのですか?
動的コンテンツを埋め込んだり、特殊文字を扱ったり、構文の整合性を確保したりする際には、文字列のエスケープが不可欠です。引用符やバックスラッシュ、非表示文字を含む文字列のエラーを防ぐのに役立ちます。また、ユーザー入力を含む場合、インジェクション攻撃(XSSなど)を防ぐためにも重要です。
エスケープとアンエスケープはどう機能するのですか?
例えば、エスケープではダブルクォート (“) を \” に変換し、アンエスケープでは元に戻します。改行文字は \n に変換され、アンエスケープ時に改行として復元されます。
JavaScriptはこれをネイティブにサポートしていますか?
はい、一部のエスケープ操作にはJavaScriptに組み込みのメソッドがあります。escape()
とunescape()
も存在しますが、非推奨です。現代的な代替手段には、URL用のencodeURIComponent()
や、データのエンコード/デコードにはJSON.stringify()
とJSON.parse()
があります。
このツールは安全に使えますか?
はい。入力データは保存されません。
JavaScriptでエスケープが使われる一般的なケースは?
HTMLへの動的コンテンツの埋め込み、JSON文字列の作成、APIへのデータ送信時などでよく使われます。また、XSS(クロスサイトスクリプティング)などのセキュリティ問題の防止にも重要です。