js字符串首字母大写(replace与js正则实现首字母大写)

发布时间:2020-08-16编辑:脚本学堂
js实现字符串首字母大写的方法,javascript首字母大写的最简方法,js实现首字母大写,其它字母小写,以及js正则设置单词首字母为大写的例子。

js字符串首字母大写方法汇总

一、js replace方法实现首字母大写

replace() 方法:
用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

replace()方法有两个参数,第一个参数是正则表达式,正则表达式如果带全局标志/g,则是代表替换所有匹配的字符串,否则是只替换第一个匹配串。
第二个参数可以是字符串,也可以是函数。
$1、$2...表示与正则表达式匹配的文本。

例如:
There are many ways we can make a difference. Global change starts with you. Sign up for our free newsletter today.

输出:
There Are Many Ways We Can Make A Difference. Global Change Starts With You. Sign Up For Our Free Newsletter Today.

例子:
 

复制代码 代码示例:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=utf-8;">
<title>js replace方法实现首字母大写</title>
<meta name="author" content="rainna" />
<meta name="keywords" content="rainna's js lib" />
<meta name="description" content="JS replace方法" />
</head>
<body>
<h1>使用js的replace()方法把所有单词的首字母大写</h1>
<p>replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。<br />replace()方法有两个参数,第一个参数是正则表达式,正则表达式如果带全局标志/g,则是代表替换所有匹配的字符串,否则是只替换第一个匹配串。<br />
第二个参数可以是字符串,也可以是函数。$1、$2...表示与正则表达式匹配的文本。</p>
<p id="word">There are many ways we can make a difference. Global change starts with you. Sign up for our free newsletter today.</p>
<a href="" id="replaceBtn">替换</a>
<script>
var replaceFunc = function(){
var word = document.getElementById('word').innerText.toString(),
btn = document.getElementById('replaceBtn');

var func1 = function(str){
return str.replace(/bw+b/g,function(word){
 return word.substring(0,1).toUpperCase() + word.substring(1);
});
}

btn.onclick = function(event){
event.preventDefault();
console.log(func1(word));
}
}
replaceFunc();
</script>
</body>
</html>

二、javascript首字母大写的最简方法

例子:
 

"需要首字母大写的单词".replace(/(w)/,function(v){return v.toUpperCase()});

三、js首字母大写

例1,首字母大写,其它字母小写。
 

复制代码 代码示例:
<script type="text/javascript">
 function replaceReg(reg,str){
  str = str.toLowerCase();
  return str.replace(reg,function(m){return m.toUpperCase()})
 }
 var reg = /b(w)|s(w)/g;
 var str = 'share javascript';
 var str2 = 'SHARE JAVASCRIPT';
 var str3 = 'Test n str is no good!';
 var str4 = 'final test';
 document.write(replaceReg(reg,str)+'<br />');
 document.write(replaceReg(reg,str2)+'<br />');
 document.write(replaceReg(reg,str3)+'<br />');
 document.write(replaceReg(reg,str4)+'<br />');
 </script>

例2,只字母大写,其它字母大小写不作处理。
 

复制代码 代码示例:
<script language="JavaScript">
<!--
var str="xi nAn shi you xUe yuan china people"
alert(str.replace(/s[a-z]/g,function($1){return $1.toLocaleUpperCase()}).replace(/^[a-z]/,function($1){return $1.toLocaleUpperCase()}))
//-->
</script>

四、js正则设置单词首字母为大写

例子:
 

复制代码 代码示例:
function ReplaceFirstUper(str) 
{
  str = str.toLowerCase();
  return str.replace(/b(w)|s(w)/g, function(m){ 
  return m.toUpperCase(); 
 });