脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js字符串自动转义

js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)

 更新时间：2020年12月24日 21:32:21   投稿：mdxy-dxy  
这段代码是从网上看到的一段不错的代码，用for命令实现字符串的转移，而且使用的是for循环直接将后面的字符替换成前面的字符，这个逻辑以前没试过

核心代码

<script>
String.prototype.html = function(encode) {
    var replace =["&#39;", "'", "&quot;", '"', "&nbsp;", " ", "&gt;", ">", "&lt;", "<", "&yen;", "¥", "&amp;", "&"];    
    var replaceReverse = ["&", "&amp;", "¥", "&yen;", "<", "&lt;", ">", "&gt;", " ", "&nbsp;", '"', "&quot;", "'", "&#39;"];
	  var target;
	  if (encode) {
	  	target = replaceReverse;
	  } else {
	  	target = replace;
	  }
    for (var i=0,str=this;i< target.length;i+= 2) {
       str=str.replace(new RegExp(target[i],'g'),target[i+1]);
    }
    return str;
  };

console.log("<div>脚本之家</div>".html(true));
</script>

效果图

其中for循环大家可以看下用法

for (var i=0,str=this;i< target.length;i+= 2) {
str=str.replace(new RegExp(target[i],'g'),target[i+1]);
}

这个用法确实不错，有get了一个新技能。

您可能感兴趣的文章:

相关文章

  • JavaScript 详解预编译原理

    JavaScript 详解预编译原理

    这篇文章主要介绍了JavaScript 详解预编译原理的相关资料,需要的朋友可以参考下
    2017-01-01
  • JS之相等操作符详解

    JS之相等操作符详解

    下面小编就为大家带来一篇JS之相等操作符详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • 基于javascript实现tab切换特效

    基于javascript实现tab切换特效

    这篇文章主要介绍了基于javascript实现tab切换特效的相关资料,具有一定的参考价值，需要的朋友可以参考下
    2016-03-03
  • javascript 冒号 使用说明

    javascript 冒号 使用说明

    虽然之前写过不少的javascirpt的脚本，但是对冒号:却不甚了了，感觉即陌生又熟悉，没办法老毛病又犯了，不把问题搞清楚那个(：)
    2009-06-06
  • 前端常用的js函数方法

    前端常用的js函数方法

    这篇文章主要给大家分享的是常用的js函数的方法，告别搜索引擎的帮助，提高你的开发效率，,需要的朋友可以参考一下，希望对你的学习有所帮助
    2021-12-12
  • Javascript在IE或Firefox下获取鼠标位置的代码

    Javascript在IE或Firefox下获取鼠标位置的代码

    由于Firefox和IE等浏览器之间对JS解释的方式不一样，Firefox下面获取鼠标位置不能够直接使用clientX来获取。网上说的一般都是触发mousemove事件才行。我这里有两段代码，思路都一样，就是风格不同。
    2009-12-12
  • uni-app调取接口的3种方式以及封装uni.request()详解

    uni-app调取接口的3种方式以及封装uni.request()详解

    我们在实际工作中要将数据传输到服务器端,从服务器端获取信息,都是通过接口的形式,下面这篇文章主要给大家介绍了关于uni-app调取接口的3种方式以及封装uni.request()的相关资料,需要的朋友可以参考下
    2022-08-08
  • js获取对象为null的解决方法

    js获取对象为null的解决方法

    js获取对象为null的情况，想必很多的朋友都有遇到过吧，只要是js对字符串的解析跟对数字串的解析还是不太一样，这是需要注意的地方
    2013-11-11
  • JavaScript原型和原型链详解

    JavaScript原型和原型链详解

    在面向对象的编程语言中,类和对象的关系是铸模和铸件的关系,对象总是从类创建而来,比如Java中,必须先创建类再基于类实例化对象,这篇文章主要介绍了JavaScript原型和原型链的相关知识,需要的朋友可以参考下
    2024-05-05
  • JS实现简单随机3D骰子

    JS实现简单随机3D骰子

    这篇文章主要为大家详细介绍了JS实现简单随机3D骰子，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-10-10

最新评论