JavaScript基础算法——Convert HTML Entities

原创于 2019-04-03 21:04:33 发布 · 340 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #JavaScript基础 #HTML Entities #RegExp

前端基础同时被 2 个专栏收录

167 篇文章

订阅专栏

JavaScript

152 篇文章

订阅专栏

本文介绍了如何使用JavaScript将特定字符如双引号、单引号等转换为对应的HTML实体，包括示例和参考正则表达式知识。

要求

将字符串中的字符 &、<、>、" （双引号）, 以及 '（单引号）转换为它们对应的 HTML 实体。

样本

convert("Dolce & Gabbana") 应该返回 Dolce & Gabbana。

convert("Hamburgers < Pizza < Tacos") 应该返回 Hamburgers < Pizza < Tacos。

convert("Sixty > twelve") 应该返回 Sixty > twelve。

convert('Stuff in "quotation marks"') 应该返回 Stuff in "quotation marks"。

convert("Shindler's List") 应该返回 Shindler's List。

convert("<>") 应该返回 <>。

convert("abc") 应该返回 abc。

参考

RegExp

HTML Entities

解法

function convert(str) {
  // &colon;&rpar;
  var r='',htmlObj = {'&':'&amp;','>':'&gt;','<':'&lt;','"':'&quot;','\'':'&apos;'};
  str.split('').map(function(s){
    if(/^[>"<'&]/.test(s)){
      r+=htmlObj[s];
    }else{
      r+=s;
    }
  });
  return r;
}

convert("Dolce & Gabbana");