欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-29 10:02:40
1.把字符串中所有单词的首字母都转换为大写:var str = 'aaa bbb ccc';uw=str.replace(/\b\w+\b/g, function(word){ return wor...

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='<div>{#content#}</div>';
formatestring(string,{content:'helloworld'});

4.颜色字符串转换

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

  1. rgb 中每个 , 后面的空格数量不固定\
  2. 十六进制表达式使用六位小写字母\
  3. 如果输入不符合 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 驼峰格式,请完成此转换功能\

  1. 以 – 为分隔符,将第二个起的非空单词首字母转为大写\
  2. -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='<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(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);
}