首页 > 作文

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

更新时间:2023-04-05 14:49:35 阅读: 评论:0

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

var str = 'aaa bbb ccc';uw=str.replace(/\b\w+\b/g, function(word){  return wo新年好教案rd.substring(0,1).toupperca()+word.substring(1);}  );说明:匹配一次就执行一次函数,匹配的内容作为参数
function uppperca(str) {      return str.tolowerca().replace(/( |^)[a-z]/g, (l) => l.toupperca());  }

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='<div>{#content#}</div>';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(different是什么意思sname) {   return sname.replace(/-(.)/g, (s, v, k) => {       if( k=== 0) {return v}       return v.toupperca();   })}

输入:

'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,'');}  //是否为由数字组成的字符串func我的理想老师tion 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).toupperca()+word.substring(1);}  );说明:匹配一次就执行一次函数,匹配的内容作为参数function uppperca(str) {      return str.tolowerca().replace(/( |^)[a-z]/g, (l) => l.toup初一语文教案perca());  }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='<div>{#content#}</div>';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.toupperca();   })}输入:'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,"");}  //去右空格funct痛风是什么原因引起的 ion 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);}

本文发布于:2023-04-05 14:49:34,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/1b836c55dd54b386145de53626328dc9.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:js替换字符串制定位置字符(前端字符串替换).doc

本文 PDF 下载地址:js替换字符串制定位置字符(前端字符串替换).pdf

标签:字符串   空格   我是   转换为
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图