12:{"metadata":[["$","title","0",{"children":"HTMLを安全表示！replace×正規表現で<>&\"'をエスケープする関数｜JS Gym"}],["$","meta","1",{"name":"description","content":"## 1. 問題文\nユーザー入力の文字列をそのまま HTML に挿入すると危険です。受け取った文字列中の `&`, `<`, `>`, `\"`, `'` を「HTML エスケープ」して安全に表示できる文字列に変換する関数を作成し、結果を `console.log` で表示してください。\n\n例: `

O'Reilly & Co.

` → `<div class="x">O'Reilly & Co.</div>`\n\n## 2. 実装の条件\n- 関数名は `escapeHTML` とする。\n- 引数は文字列 `str` を1つ受け取る。\n- 必ず次を使うこと：\n - `String.prototype.replace`\n - 正規表現 `/[&<>\"']/g`（対象5文字をすべて置換）\n - 置換コールバックとマップオブジェクト（例: `{ '&': '&', '<': '<', ... }`）で対応付けて返す。\n- 入力文字列は変更しない（非破壊）。\n- 判定のため、結果は必ず `console.log` で表示する。\n\n## 3. 学べること\n- `replace` のコールバック置換による柔軟な文字列変換パターン。\n- HTML エスケープの基礎（XSS 対策の第一歩としての特殊文字の無害化）。\n- マッピングオブジェクトを使った読みやすい置換実装。"}],["$","meta","4",{"property":"og:site_name","content":"JS Gym"}],["$","meta","5",{"property":"og:locale","content":"ja_JP"}],["$","meta","6",{"property":"og:image:alt","content":"js gym question"}],["$","meta","7",{"property":"og:image:type","content":"image/png"}],["$","meta","8",{"property":"og:image","content":"https://jsgym.shiftb.dev/q/DQdz0kE3nu/opengraph-image?15d98c7878625c57"}],["$","meta","9",{"property":"og:image:width","content":"1200"}],["$","meta","10",{"property":"og:image:height","content":"630"}],["$","meta","11",{"property":"og:type","content":"website"}],["$","meta","12",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","13",{"name":"twitter:title","content":"HTMLを安全表示！replace×正規表現で<>&\"'をエスケープする関数｜JS Gym"}],["$","meta","14",{"name":"twitter:description","content":"## 1. 問題文\nユーザー入力の文字列をそのまま HTML に挿入すると危険です。受け取った文字列中の `&`, `<`, `>`, `\"`, `'` を「HTML エスケープ」して安全に表示できる文字列に変換する関数を作成し、結果を `console.log` で表示してください。\n\n例: `

O'Reilly & Co.