需求:将一段字符串中出现的特定字符替换为指定的图片或其它 解决办法:

<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表情替换代码,这里使用字符代替图片路径相关推荐

  1. 表情转html,将jquery.qqFace.js表情转换成微信的字符码

    jquery.qqFace.js使用方法 引用 html 初始化 $(function () { $('.emotion').qqFace({ id: 'facebox', assign: 'sayt ...

  2. JS字符串替换所有的某个字符

    要实现js字符串替换所有的某个字符,推荐大家使用replaceAll方法,replaceAll是用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串,该函数会替换所有匹配到的子字符 ...

  3. 利用MySQL语句批量替换指定wordpress文章中的图片路径

    天花了很多时间将SAE服务器中的图片下载到本地,然后删掉,但是有一个问题就是,所有文章中的图片路径还是以前的,没有根据域名来.导致下午某些时间段图片都是无法显示的,后来想到用MySQL直接批量替换,执 ...

  4. JS 快速替换字符串指定下标字符

    替换指定字符串 :将字符串str中的第 index 的字符替换成newWords,返回替换后的字符串,前提是只知道下标,不知道被替换的字符是什么,当然,如果知道被替换的字符,直接使用replace就可 ...

  5. JS replace替换字符串所有匹配字符

    之前竟然一直没发现,以为前端的replace和后端的replace方法作用相同,都是替换字符串中所有指定字符,其实不然的. replace 替换一个 let str = "2021-03-1 ...

  6. js 正则替换非数字的字符的几种情况

    //匹配字符串前面的所有非数字字符并替换为空字符 var str="我爱我家12456你好" str=str.replace(/^\D*/,'') console.log(str) ...

  7. JS字符串截取方法 JS字符串查找指定字符方法 JS字符串替换指定字符方法 JS字符串插入指定位置方法 JS字符串删除指定字符方法

    js字符串截取的方法 方法一: str.slice(开始位置,结束位置) //start 参数字符串中第一个字符位置为 0, 第二个字符位置为 1, 以此类推,如果是负数表示从尾部截取多少个字符串,s ...

  8. js中替换指定的字符

    替换所有的 '.' var vm_hostname=vm_ip.replace(/\./g,'') /g代表匹配所有, '.'需要转义 其它示例: alert("2014-03-22&quo ...

  9. Js中对字符串中的字符进行替换

    一,主要是运用replace方法进行字符的替换 单独使用replace方法只能替换字符串中重复字符的最前方的一个. var str = '树袋熊加油油';alert(str.replace('油',' ...

最新文章

  1. java启动子线程过多导致卡死_java线程基础巩固---多Product多Consumer之间的通讯导致出现程序假死的原因分析...
  2. Python添加邮件附件并通过邮件发送测试报告
  3. sqlite 导入 mysql_SQLite 数据库的一些基本操作
  4. 电脑出现kernelbase.dll错误的两种解决方法
  5. 信息学奥赛一本通(C++)在线评测系统——基础(一)C++语言——1075:药房管理
  6. Android -- 带你从源码角度领悟Dagger2入门到放弃(一)
  7. 58岁博导为88岁老母跳舞,“母亲眼里我永远是个孩子”
  8. C#中常用的几个委托
  9. [Node.js] 模块化 -- url、querystring模块
  10. RColorBrewer | R语言中的配色方法汇总(Ⅰ)
  11. mysql查询id为偶数_MySQL中查询中位数?
  12. python学习笔记(九)之语句1
  13. BOMRemover v2.0 去除代码中的UTF-8 BOM
  14. 需求分析——基于Django框架的天天生鲜电商网站项目系列博客(一)
  15. 选频滤波器 matlab,MATLAB低通滤波器选频实现
  16. java实现modbus rtu协议与 modscan等工具(2)
  17. 秋天的第一杯奶茶,没喝到?那这个你绝对不能再错过
  18. 【解决】updateAppMessageShareData:fail, the permission value is offline verifying
  19. python计算工资工时_Python实现扣除个人税后的工资计算器示例
  20. 在没有搜索功能的网站中寻找指定内容

热门文章

  1. 控制台应用和空项目有什么区别_农业项目经理和物联网项目经理有什么区别
  2. php 清除缓存的操作,注意 Laravel 清除缓存 PHP artisan cache:clear 的使用
  3. flask运行多个服务器,与Flask服务器同时运行while循环
  4. linux执行指定程序的命令,linux 下使用指定的用户来执行命令
  5. c语言运行时更入下一行,C语言高级语言程序设计(一)_第二章 C程序设计基础(二).ppt...
  6. mongodb命令基础知识点
  7. 软 件 学 院 实践环节报告
  8. spring mvc hello
  9. 未发现数据源名称_在Power BI中管理数据源Analysis Services
  10. xlrd.biffh.XLRDError: Excel xlsx file; not supported报错