脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 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简单实现的仿微博留言功能,涉及javascript页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2019-01-01
  • js猜数字小游戏的简单实现代码

    js猜数字小游戏的简单实现代码

    这篇文章介绍了js猜数字小游戏的简单实现代码，很好玩的游戏哦，可以看看你的智商 是否惊人额
    2013-07-07
  • 基于JavaScript实现在线网页烟花效果

    基于JavaScript实现在线网页烟花效果

    这篇文章主要为大家详细介绍了如何利用JavaScript实现简单的在线网页烟花效果，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随小编一起学习一下
    2023-02-02
  • JS中的多态实例详解

    JS中的多态实例详解

    本文通过实例代码很详细的给大家介绍了js中的多态，感兴趣的朋友一起看看吧
    2017-10-10
  • 利用babel将es6语法转es5的简单示例

    利用babel将es6语法转es5的简单示例

    Babel是一个广泛使用的转码器,babel可以将ES6代码完美地转换为ES5代码，所以下面这篇文章就来给大家详细介绍了关于利用babel将es6语法转es5的相关资料，文章通过示例介绍的非常详细，需要的朋友可以参考下。
    2017-12-12
  • bootstrap模态框关闭后清除模态框的数据方法

    bootstrap模态框关闭后清除模态框的数据方法

    今天小编就为大家分享一篇bootstrap模态框关闭后清除模态框的数据方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • Express的路由详解

    Express的路由详解

    这篇文章主要介绍了Express的路由详解的相关资料,需要的朋友可以参考下
    2015-12-12
  • js实现经典扫雷游戏

    js实现经典扫雷游戏

    这篇文章主要为大家详细介绍了js实现经典扫雷游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-05-05
  • JavaScript两种跨域技术全面介绍

    JavaScript两种跨域技术全面介绍

    JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）
    2014-04-04
  • js生成缩略图后上传并利用canvas重绘

    js生成缩略图后上传并利用canvas重绘

    这篇文章主要介绍了js生成缩略图后上传，利用canvas重绘,需要的朋友可以参考下
    2014-05-05

最新评论