HTML シンボルからエンティティへのアルゴリズムのチャレンジ

HTML シンボルからエンティティへのアルゴリズムのチャレンジ

チャレンジ:

文字列内の文字 &、<、>、" (二重引用符)、および ' (一重引用符) を対応する HTML エンティティに変換します。

行き詰まったら、「読む-検索-質問する」を使用してください。他の人とプログラミングのアイデアを交換してみてください。ただし、独自のコードを記述してください。

例えば:

convert("Dolce & Gabbana") は Dolce &​amp; Gabbana を返す必要があります。
convert("ハンバーガー < ピザ < タコス") は、ハンバーガー <​lt; ピザ <​lt; タコス を返す必要があります。
convert("Sixty > twelve") は Sixty >​gt; twelve を返す必要があります。
convert('「引用符」で囲まれたもの') は「引用符」で囲まれたものを返す必要があります。
convert("Shindler's List") は Shindler's List を返す必要があります。
convert("<>") は &​lt;&​gt; を返す必要があります。
convert("abc") は abc を返す必要があります。

答え:

方法説明する
正規表現正規表現の略語です。
交換する()正規表現に一致する部分文字列を置き換えます。
HTML 文字エンティティHTML 内の予約文字は文字エンティティに置き換える必要があります。

関数convert(str) {
 var リスト = {
    "&":"&amp;",
    "<":"&lt;",
    ">":"&gt;",
    '"':"&quot;,
    "'":"&apos;",   
  };
  for(var キー in リスト){
    str=str.replace(新しいRegExp(キー、"g"),リスト[キー]);
  }
  str を返します。
}

convert("ドルチェ&ガッバーナ");

実行結果:

ドルチェ&ガッバーナ

オンラインテスト:

HTML シンボルからエンティティへのアルゴリズム チャレンジ | w3cschool

要約する

HTML シンボルをエンティティに変換するという課題に関するこの記事はこれで終わりです。HTML シンボルをエンティティに変換することに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

<<:  スネークゲームを作るための Pygame コード

>>:  MySQL で遅いクエリ SQL を見つけて最適化する詳細な例

推薦する

JavaScript コンソールのその他の機能

目次概要コンソールログコンソール.infoコンソール.警告コンソールエラーコンソールテーブルコンソー...

CSS 不透明度子要素が親要素の透明度を継承するためのソリューションの詳細な説明

プロジェクト ページの作成中に、子要素が親要素の透明度を継承するという問題に遭遇しました。多くのドキ...

mysql 変数の使用例の分析 [システム変数、ユーザー変数]

この記事では、例を使用して MySQL 変数の使用方法を説明します。ご参考までに、詳細は以下の通りで...

LayUI+Shiroは動的なメニューを実装し、メニュー拡張の例を記憶します

目次1. Maven 依存関係2. メニュー関連クラス1. メインメニュー2. サブメニュー3. S...

一定期間の日ごと、時間ごとの統計データを取得するMySQLの詳しい説明

毎日の統計情報を取得するプロジェクトを実行する際、プロジェクト ログを分析する必要があります。要件の...

Docker 環境での Jmeter の分散操作に関する詳細なチュートリアル

1. jmeterの基本イメージを構築するDockerfile は次のとおりです。 # Java 8...

VueはGraphVisを使用して無限に拡張された関係グラフを開発します

1. GraphVis 公式サイトにアクセスして、対応する js をダウンロードします。js の新し...

hrefを使用すると、リンクをクリックするだけでページ上の特定の場所にジャンプできます。

ページ内の a タグをクリックした後、ページ内の対応する場所にジャンプするようにします。方法は非常に...

スクロール時に選択領域のフォント色を暗くするために CSS を使用するサンプルコード

日付ピッカーをカプセル化する場合、選択時にフォントの色を暗くする必要があります。実装後の効果を見てみ...

MySQL 8.0 のデフォルトのデータディレクトリを変更する (設定なしの簡単な操作)

使用シナリオ: Alibaba Cloud を使用しており、データディスクを別途購入しました (大容...

Vueはシンプルな虫眼鏡効果を実装します

この記事では、参考までに、簡単な虫眼鏡効果を実現するためのVueの具体的なコードを紹介します。具体的...

Vuex ステートマシンの簡単な理解とサンプルアプリケーション

目次1. 概念の素早い理解: 1. コンポーネント間でデータを共有する方法: 2. vuex とは何...

非常に優れた CSS スキル 10 選のコレクションと共有

ここでは、CSS テクニックを巧みに使用することで、HTML を変更せずにブログやテンプレートの外観...

HTML シンボルからエンティティへのアルゴリズムのチャレンジ

チャレンジ:文字列内の文字 &、<、>、" (二重引用符)、および &...

MySQL データベースのホットスタンバイにおける問題点の分析

以前、MySQL データベースのデュアルマシン ホット スタンバイの設定方法を紹介しました。ご興味の...