JavaScript で引用符をエスケープする
Anika Tabassum Era
2023年10月12日
JavaScript
JavaScript Escape
JavaScript では、文字列を定義するときに、コンテキストの境界として引用符（" "）を使用します。多くの場合、アポストロフィ（' '）を使用して同様のタスクを実行します。コンテキストにこれらの文字の 1つがあると、問題が発生します。自動的に、Web ページが表示されると、一部のコンテキストが切り取られます。
したがって、この問題を解決するために、\"、\'、\\、およびその他の多くのエスケープ引用符を使用します。また、このような記号を定義するために、" や' などの XML 特殊文字コードを使用しています。
次のセクションでは、いくつかのコード例を使用してケースを示します。
JavaScript でのエスケープクォート（\"および\'）の使用
ここで、文字列を" "で定義すると、内部コンテキストに引用符がある場合は操作されません。ただし、ソリューションでは、コンテキストの一部である引用符の前にバックスラッシュを使用するように指示されています。しかし、この場合、コンテキストの中にアポストロフィがあり、正常に機能します。
コードスニペット：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>test</title>
</head>
<body>
<p id="okay"></p>
</body>
</html>
var x = 'I\'m cool.';
var y = 'Hey! It\'s "Nelson"!';
var z = 'The board has a "Cross" sign.';
document.getElementById('okay').innerHTML = x + '<br>' + y + '<br>' + z;
出力：
ご覧のとおり、文字列に" "を使用する場合は常に、文字列内の引用符にバックスラッシュが必要です。繰り返しますが、文字列が' 'でラップされている場合、内側のアポストロフィには記号の直前にバックスラッシュが付きます。
JavaScript でエスケープ引用としてエンティティ文字を使用する
HTML のエンティティ文字も、エスケープ引用符のように機能します。コンベンションには" が必要です 1つの引用符マークと' 1つのアポストロフィを表示します。
コードスニペット：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>test</title>
</head>
<body>
<p id="okay"></p>
</body>
</html>
var a1 = 'Hey, would you mind saying "Hi"?';
var a2 = 'Okay! 'Hello'';
document.getElementById('okay').innerHTML = a1 + '<br>' + a2;
出力：
チュートリアルを楽しんでいますか？ <a href="https://www.youtube.com/@delftstack/?sub_confirmation=1" style="color: #a94442; font-weight: bold; text-decoration: underline;">DelftStackをチャンネル登録</a> して、高品質な動画ガイドをさらに制作するためのサポートをお願いします。 Subscribe
