js+for循環(huán)實(shí)現(xiàn)字符串自動(dòng)轉(zhuǎn)義的代碼(把后面的字符替換前面的字符)
更新時(shí)間：2020年12月24日 21:32:21 投稿：mdxy-dxy
這段代碼是從網(wǎng)上看到的一段不錯(cuò)的代碼，用for命令實(shí)現(xiàn)字符串的轉(zhuǎn)移，而且使用的是for循環(huán)直接將后面的字符替換成前面的字符，這個(gè)邏輯以前沒(méi)試過(guò)
核心代碼
<script>
String.prototype.html = function(encode) {
var replace =["'", "'", """, '"', " ", " ", ">", ">", "<", "<", "¥", "¥", "&", "&"];
var replaceReverse = ["&", "&", "¥", "¥", "<", "<", ">", ">", " ", " ", '"', """, "'", "'"];
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循環(huán)大家可以看下用法
for (var i=0,str=this;i< target.length;i+= 2) {
str=str.replace(new RegExp(target[i],'g'),target[i+1]);
}
這個(gè)用法確實(shí)不錯(cuò)，有g(shù)et了一個(gè)新技能。
相關(guān)文章
JavaScript簡(jiǎn)單實(shí)現(xiàn)的仿微博留言功能示例
這篇文章主要介紹了JavaScript簡(jiǎn)單實(shí)現(xiàn)的仿微博留言功能,涉及javascript頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-01-01
js猜數(shù)字小游戲的簡(jiǎn)單實(shí)現(xiàn)代碼
這篇文章介紹了js猜數(shù)字小游戲的簡(jiǎn)單實(shí)現(xiàn)代碼，很好玩的游戲哦，可以看看你的智商 是否驚人額2013-07-07
基于JavaScript實(shí)現(xiàn)在線網(wǎng)頁(yè)煙花效果
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)簡(jiǎn)單的在線網(wǎng)頁(yè)煙花效果，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-02-02
本文通過(guò)實(shí)例代碼很詳細(xì)的給大家介紹了js中的多態(tài)，感興趣的朋友一起看看吧2017-10-10
利用babel將es6語(yǔ)法轉(zhuǎn)es5的簡(jiǎn)單示例
Babel是一個(gè)廣泛使用的轉(zhuǎn)碼器,babel可以將ES6代碼完美地轉(zhuǎn)換為ES5代碼，所以下面這篇文章就來(lái)給大家詳細(xì)介紹了關(guān)于利用babel將es6語(yǔ)法轉(zhuǎn)es5的相關(guān)資料，文章通過(guò)示例介紹的非常詳細(xì)，需要的朋友可以參考下。2017-12-12
bootstrap模態(tài)框關(guān)閉后清除模態(tài)框的數(shù)據(jù)方法
今天小編就為大家分享一篇bootstrap模態(tài)框關(guān)閉后清除模態(tài)框的數(shù)據(jù)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
這篇文章主要介紹了Express的路由詳解的相關(guān)資料,需要的朋友可以參考下2015-12-12
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)經(jīng)典掃雷游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05
JavaScript是一種在Web開發(fā)中經(jīng)常使用的前端動(dòng)態(tài)腳本技術(shù)。在JavaScript中，有一個(gè)很重要的安全性限制，被稱為“Same-Origin Policy”（同源策略）2014-04-04
這篇文章主要介紹了js生成縮略圖后上傳，利用canvas重繪,需要的朋友可以參考下2014-05-05