當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
JS表情替换代码,这里使用字符代替图片路径
生活随笔
收集整理的這篇文章主要介紹了
JS表情替换代码,这里使用字符代替图片路径
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
需求:將一段字符串中出現的特定字符替換為指定的圖片或其它 解決辦法:
<script>
var json = '[{"title":"微笑","src":14},{"title":"撇嘴","src":2},{"title":"色","src":3},{"title":"發呆","src":4},{"title":"得意","src":5},{"title":"流淚","src":200},{"title":"害羞","src":6},{"title":"閉嘴","src":7},{"title":"睡","src":8},{"title":"大哭","src":9},{"title":"尷尬","src":10},{"title":"發怒","src":11},{"title":"調皮","src":12},{"title":"呲牙","src":13},{"title":"驚訝","src":1},{"title":"難過","src":15},{"title":"酷","src":16},{"title":"冷汗","src":63},{"title":"抓狂","src":17},{"title":"吐","src":18},{"title":"偷笑","src":19},{"title":"可愛","src":20},{"title":"白眼","src":21},{"title":"傲慢","src":22},{"title":"饑餓","src":23},{"title":"困","src":24},{"title":"驚恐","src":25},{"title":"流汗","src":26},{"title":"憨笑","src":27},{"title":"大兵","src":28},{"title":"奮斗","src":29},{"title":"咒罵","src":201},{"title":"疑問","src":30},{"title":"噓","src":31},{"title":"暈","src":32},{"title":"折磨","src":202},{"title":"衰","src":33},{"title":"骷髏","src":34},{"title":"敲打","src":35},{"title":"再見","src":36},{"title":"察汗","src":203},{"title":"摳鼻","src":64},{"title":"鼓掌","src":65},{"title":"糗大了","src":66},{"title":"壞笑","src":67},{"title":"左哼哼","src":68},{"title":"右哼哼","src":69},{"title":"哈欠","src":70},{"title":"鄙視","src":71},{"title":"委屈","src":72},{"title":"快哭了","src":73},{"title":"陰險","src":74},{"title":"親親","src":75},{"title":"嚇","src":76},{"title":"可憐","src":77},{"title":"菜刀","src":204},{"title":"西瓜","src":62},{"title":"啤酒","src":205},{"title":"籃球","src":206},{"title":"兵乓","src":207},{"title":"咖啡","src":8},{"title":"飯","src":49},{"title":"豬頭","src":40},{"title":"玫瑰","src":50},{"title":"凋謝了","src":51},{"title":"示愛","src":208},{"title":"愛心","src":52},{"title":"心碎","src":53},{"title":"蛋糕","src":42},{"title":"閃電","src":43},{"title":"炸彈","src":44},{"title":"刀","src":45}]';
json = eval('('+ json +')');
var pattern1 = /\[[\u4e00-\u9fa5]+\]/g;
var pattern2 = /\[[\u4e00-\u9fa5]+\]/;
var contents = "[微笑]美女[色]你好[害羞]在嗎?";
content = contents.match(pattern1);
str = contents;
for(i=0;i<content.length;i++){
for(j=0;j<json.length;j++){
if("["+ json[j].title +"]" == content[i]){
src = json[j].src;
break;
}
}
str = str.replace(pattern2,src);
}
alert(str);
</script>
過程: 1、分析JSON字符串中各內容的涵義 2、利用正則表達式找出需要替換的內容 3、利用兩次循環,并結合判斷將對應內容替換
總結
以上是生活随笔為你收集整理的JS表情替换代码,这里使用字符代替图片路径的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JS正则匹配中文
- 下一篇: JS 判断URL中是否含有 http:/