当前位置:首页 > 生活百科

js替换字符串制定位置字符(前端字符串替换)

栏目:生活百科日期:2025-04-01浏览:0

1.把字符串中所有单词的首字母都转换为大写:

var str = 'aaa bbb ccc';uw=str.replace(/\b\w+\b/g, function(word){  return word.substring(0,1).toUpperCase()+word.substring(1);}  );说明:匹配一次就执行一次函数,匹配的内容作为参数
function uppperCase(str) {      return str.toLowerCase().replace(/( |^)&[a-z]/g, (L) =&> L.toUpperCase());  }

2.把数字转成对应的汉字

var ary=&["一","二","三","四","五","六"]"123456".replace(/\d/g,function(val){  return ary&[val-1]})

3.实现模板字符替换’  

var obj = {    name:'leaf',    age:20}var str = "我是{{name}},name是我的名字,我今年{{age}}岁";//最终替换成"我是leaf,name是我的名字,我今年20岁"实现:function render(template, context) {  return template.replace(/{{(.*?)}}/g, (match, key) =&> context&[key.trim()]);}
function formateString(str,obj) {    return str.replace(/{#(\w+)#}/g,function(match,key,index,source){        console.log(arguments);        return obj&[key]    })}var string='&<p&>{#content#}&</p&>';formateString(string,{content:'helloWorld'});

4.颜色字符串转换

将 rgb 颜色字符串转换为十六进制的形式,如 rgb(255, 255, 255) 转为 #ffffff\

rgb 中每个 , 后面的空格数量不固定\十六进制表达式使用六位小写字母\如果输入不符合 rgb 格式,返回原始输入

function rgb2hex(sRGB) {    return sRGB.replace(/^rgb((\d+)\s*,\s*(\d+)\s*,\s*(\d+))$/g, (s, r, g, b) =&> {        return `#${hex(r)}${hex(g)}${hex(b)}`        })}function hex(n) {    return n &< 16 ? "0" + (+n).toString(16) : (+n).toString(16);}

输入:

'rgb(255, 255, 255)'

输出:

#ffffff

  5.将字符串转换为驼峰格式

css 中经常有类似 background-image 这种通过 &– 连接的字符,通过 javascript 设置样式的时候需要将这种样式转换成 backgroundImage 驼峰格式,请完成此转换功能\

以 &– 为分隔符,将第二个起的非空单词首字母转为大写\-webkit-border-image 转换后的结果为 webkitBorderImage

function cssStyle2DomStyle(sName) {   return sName.replace(/-(.)/g, (s, v, k) =&> {       if( k=== 0) {return v}       return v.toUpperCase();   })}

输入:

'font-size'

复制

输出:

fontSize

其他常用正则替换 

//去除空格String.prototype.Trim = function() {return this.replace(/\s+/g, "");}  //去除换行function ClearBr(key) {key = key.replace(/&</?.+?&>/g,"");key = key.replace(/&[\r\n]/g, "");return key;}  //去除左侧空格function LTrim(str) {return str.replace(/^\s*/g,"");}  //去右空格function RTrim(str) {return str.replace(/\s*$/g,"");}  //去掉字符串两端的空格function trim(str) {return str.replace(/(^\s*)|(\s*$)/g, "");}  //去除字符串中间空格function CTim(str) {return str.replace(/\s/g,'');}  //是否为由数字组成的字符串function is_digitals(str) {var reg=/^&[0-9]*$/; //匹配整数return reg.test(str);}1.把字符串中所有单词的首字母都转换为大写:var str = 'aaa bbb ccc';uw=str.replace(/\b\w+\b/g, function(word){  return word.substring(0,1).toUpperCase()+word.substring(1);}  );说明:匹配一次就执行一次函数,匹配的内容作为参数function uppperCase(str) {      return str.toLowerCase().replace(/( |^)&[a-z]/g, (L) =&> L.toUpperCase());  }2.把数字转成对应的汉字var ary=&["一","二","三","四","五","六"]"123456".replace(/\d/g,function(val){  return ary&[val-1]})3.实现模板字符替换’  var obj = {    name:'leaf',    age:20}var str = "我是{{name}},name是我的名字,我今年{{age}}岁";//最终替换成"我是leaf,name是我的名字,我今年20岁"实现:function render(template, context) {  return template.replace(/{{(.*?)}}/g, (match, key) =&> context&[key.trim()]);} function formateString(str,obj) {    return str.replace(/{#(\w+)#}/g,function(match,key,index,source){        console.log(arguments);        return obj&[key]    })}var string='&<p&>{#content#}&</p&>';formateString(string,{content:'helloWorld'});4.颜色字符串转换将 rgb 颜色字符串转换为十六进制的形式,如 rgb(255, 255, 255) 转为 #ffffff\rgb 中每个 , 后面的空格数量不固定\十六进制表达式使用六位小写字母\如果输入不符合 rgb 格式,返回原始输入function rgb2hex(sRGB) {    return sRGB.replace(/^rgb((\d+)\s*,\s*(\d+)\s*,\s*(\d+))$/g, (s, r, g, b) =&> {        return `#${hex(r)}${hex(g)}${hex(b)}`        })}function hex(n) {    return n &< 16 ? "0" + (+n).toString(16) : (+n).toString(16);}输入:'rgb(255, 255, 255)'输出:#ffffff   5.将字符串转换为驼峰格式css 中经常有类似 background-image 这种通过 - 连接的字符,通过 javascript 设置样式的时候需要将这种样式转换成 backgroundImage 驼峰格式,请完成此转换功能\以 - 为分隔符,将第二个起的非空单词首字母转为大写\-webkit-border-image 转换后的结果为 webkitBorderImagefunction cssStyle2DomStyle(sName) {   return sName.replace(/-(.)/g, (s, v, k) =&> {       if( k=== 0) {return v}       return v.toUpperCase();   })}输入:'font-size'复制输出:fontSize     其他常用正则替换 //去除空格String.prototype.Trim = function() {return this.replace(/\s+/g, "");}  //去除换行function ClearBr(key) {key = key.replace(/&</?.+?&>/g,"");key = key.replace(/&[\r\n]/g, "");return key;}  //去除左侧空格function LTrim(str) {return str.replace(/^\s*/g,"");}  //去右空格function RTrim(str) {return str.replace(/\s*$/g,"");}  //去掉字符串两端的空格function trim(str) {return str.replace(/(^\s*)|(\s*$)/g, "");}  //去除字符串中间空格function CTim(str) {return str.replace(/\s/g,'');}  //是否为由数字组成的字符串function is_digitals(str) {var reg=/^&[0-9]*$/; //匹配整数return reg.test(str);}

“js替换字符串制定位置字符(前端字符串替换)” 的相关文章

如何学好网络营销课程,五个步骤轻松学会网络营销课程

网络营销和所有营销一样,都以出售产品为目的,只不过运用的手段不一样,传统营销是运用大量广告也就是我们说的硬广,而利用网络资源做营销是软广。也就是软文推广,软广是...

oa系统作用是什么,办公oa系统功能介绍

市场上OA系统琳琅满目,良莠不齐,买回去,一堆的功能,让工作人员瞬间满脸盲目,不知从而用起,也不知该如何使用。为了解决企业操作难的问题,PHPOA分享了企业OA...

html搜索框怎么弄(html设置搜索框的方法)

HTML是什么?HTML能干什么?HTML怎么用?C认证今天为你带来(1)HTML常用到的知识点的使用规则;(2)独立开发一个简单的响应式的页面,零基础介绍HT...

外置光驱什么品牌好(推荐一款性价比最高的外置光驱)

随着储存设计的升级与发展,目前更多的移动储存设备是随身硬盘。光盘的使用相对变得越来越少。但是作为家长来说,您会发现伴随孩子的成长与学习中,各类教科书或者课外辅导...

如何合并硬盘分区(台式加装固态硬盘教程)

小编一个朋友,最近一直在和我抱怨说自己的电脑太卡了,前段时间玩个游戏一直掉帧卡顿,这几天连打开个word文档都卡,正好我这几天要去他家附近办点事情,就想着去他家...

吴翰清个人资料哪里人(揭秘阿里吴翰清个人信息)

了解黑客技术的朋友,也许对于吴翰清这个名字都不会陌生了,在20岁到阿里巴巴面试时,直接远程控制让阿里巴巴内部断网,令在场的面试官都傻眼了。那么,吴翰清目前在阿里...

iphone备忘录突然没了怎么恢复,找回备忘录内容的教程分

在我们的生活或者工作中,使用手机备忘录很有必要,其能够有效的帮我们处理一些琐碎的事情。本来事情多了就容易忙的忘记,其能提醒我们的工作,大大的提高我们时间的利用率...

sql优化常用的几种方法,19种最有效的sql优化技巧

本文我们来谈谈项目中常用的MySQL优化方法,共19条,具体如下:1、EXPLAIN做MySQL优化,我们要善用EXPLAIN查看SQL执行计划。下面来个简单的...

dnf结婚属性怎么弄满(提升游戏结婚属性的方法)

十三周年庆众多福利上线,小伙伴们更喜欢哪些呢?是可能一发毕业的神话罐子还是各种buff加持下闪不停的深渊?以及近年必备的随机代币券,小伙伴们最高开到过多少呢?(...

win10迁移到固态硬盘详细教程(win10自带系统迁移工具)

为何要把Windows10系统从HDD迁移到SSD固态硬盘?已经厌倦了花时间等计算机开机或想让程序加载的速度比现在更快一些?安装一个SSD固态硬盘可以帮你解决上...