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 を見つけて最適化する詳細な例

推薦する

Vue 3 カスタムディレクティブ開発の概要

指令とは何ですか? Angular と Vue はどちらもディレクティブの概念を持っており、これは通...

フロントエンドの面接の質問の最も包括的なコレクション

HTML+CSS 1. WEB 標準と W3C の理解と知識<br /> タグを閉じ、小...

docker-maven-pluginを使用してデプロイメントを自動化する方法を説明します

1. docker-maven-pluginの紹介私たちの継続的インテグレーションプロセスでは、プロ...

UbuntuでMySQLデータベースファイルディレクトリを変更する方法

序文同社の Ubuntu サーバーは、さまざまなシステムのディレクトリを異なる論理パーティションに配...

MySQL 5.7.20 の解凍バージョンをインストールするための詳細な手順 (2 つの方法)

Windows 64ビットでのMySQLのインストールについて説明します。5.7以降、MySQLの...

Windows で MySQL 5.7.17 をインストールし、エンコードを utf8 に設定する方法

ダウンロードMySQL 公式ダウンロード、Windows (x86、64 ビット)、ZIP アーカイ...

line-height=height要素の高さだがテキストが垂直方向に中央揃えされない問題を解決する

まず、行の高さが要素の高さと等しい場合にテキストが垂直方向に中央揃えにならない理由を説明します。実際...

Vue で SVG アイコンを導入する 2 つの方法

Vue で SVG アイコンを導入する方法Vue で svg アイコンを導入する方法 1インストール...

Ubuntu 18.04 LTSでIPアドレスを設定するための完全な手順

序文Ubuntu 18.04 LTS で IP アドレスを設定する方法は、これまで使用されていた設定...

Squid を使用して http および https 用のプロキシ サーバーを構築する方法

nginx を導入した際に、フォワードプロキシの設定も nginx を使っていました。しかし、htt...

IDEA で mysql8.0.3 と mybatis-generator を使用する際に発生するバグ

1. プラグインを追加し、pomファイルの下に次の設定を追加します。 <!-- mybatis...

MySQL の遅いクエリの落とし穴

目次1. 遅いクエリ構成1-1. スロークエリを有効にする2. 遅いクエリSQLの分析を説明する3....

HTML で Web ページに動的な時計を書く

HTML を使用して動的な Web クロックを作成します。コードは次のとおりです。 <!DOC...

ElementUIはドロップダウンオプションと複数選択ボックスのサンプルコードを実装します

目次ドロップダウン複数選択ボックスアップグレード - すべてのオプションを追加改訂と改善を求める製品...

HTML で入力ボックスに純粋な数字のみを入力するように制限する方法

inputボックスを純粋な数字のみに制限する1、onkeyup = "value=valu...