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.

源代码如下：

  1.  <!DOCTYPE html>
  2.  <html>
  3.  <head>
  4.  <meta http-equiv="Content-Type" Content="text/html; charset=utf-8;">
  5.  <title> JS replace方法 </title>
  6.  <meta name="author" content="rainna" />
  7.  <meta name="keywords" content="rainna's js lib" />
  8.  <meta name="description" content="JS replace方法" />
  9.  </head>
  10.  <body>
  11.  <h1>使用JS的replace()方法把所有单词的首字母大写</h1>
  12.  <p>replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。<br />replace()方法有两个参数，第一个参数是正则表达式，正则表达式如果带全局标志/g，则是代表替换所有匹配的字符串，否则是只替换第一个匹配串。<br />
  13.  第二个参数可以是字符串，也可以是函数。$1、$2...表示与正则表达式匹配的文本。</p>
  14.  <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>
  15.  <a href="" id="replaceBtn">替换</a>
  16.  
  17.  <script>
  18.  var replaceFunc = function(){
  19.      var word = document.getElementById('word').innerText.toString(),
  20.          btn = document.getElementById('replaceBtn');
  21.  
  22.      var func1 = function(str){
  23.          return str.replace(/\b\w+\b/g,function(word){
  24.               return word.substring(0,1).toUpperCase() + word.substring(1);
  25.          });
  26.      }
  27.  
  28.      btn.onclick = function(event){
  29.          event.preventDefault();
  30.          console.log(func1(word));
  31.      }
  32.  }
  33.  
  34.  replaceFunc();
  35.  </script>
  36.  </body>
  37.  </html>

JS replace()方法-字符串首字母大写的更多相关文章

  1. js字符串首字母大写的不同写法

    写法一: let name = 'hello' name.charAt(0).toUpperCase() + name.slice(1) 写法二: let name = 'hello' name.sl ...

  2. replace() 所有单词首字母大写

    function ReplaceDemo() { var r,re; var s="The quick brown fox jumpe dover the lazy yellow dog.& ...

  3. 【Golang】字符串首字母大小写转化

    写在前面 在自动化过程中,我们用得最多的可能就是字符串的处理,熟悉Python的都知道在Python中要让一个字符串的首字母大写直接用capitalize就可以了,但是同样的事情在Golang中没有这 ...

  4. string首字母大写

    定义函数将字符串首字母大写: 例1:Study hard, improve every day. def toJadenCase(string): return string.title()print ...

  5. javabean转成json字符首字母大写

    今天写接口的时候有个需求将接口返回的json字符串首字母大写:{"SN":"","Result":""}格式, 只需要在 ...

  6. JS中将字符串中每个单词的首字母大写化

    今天看到一个帖子,处理js中字符串每个单词的首字母大写. 原贴地址:关于字符串中每个单词的首字母大写化问题 受到启发,自己跟着改写了几个版本如下,请大家指正. 1.for循环: var a = 'Hi ...

  7. 小tips：JS/CSS实现字符串单词首字母大写

    css实现: text-transform:capitalize; JS代码一: String.prototype.firstUpperCase = function(){ return this.r ...

  8. 如何将js字符串变成首字母大写其余小写

    有时候会接收到一些大小写不规则的字符串,如"JAMES"."alice"."Amy"等,如何将他们统一的变成首字母大写其余小写的形式呢? 思 ...

  9. 运用正则+replace+substring将一段英语的字母大写 angurlar运用自定义指令filter完成首字母大写

    复习下js基础并运用正则+replace+substring将一段英语的字母大写 <!DOCTYPE html><html> <head> <meta cha ...

随机推荐

  1. Charles使用详情

    Charles各版本下载: Charles for Windows 32 bit Charles for Windows 64 bit Charles for linux Charles for Ma ...

  2. 关灯游戏源码（iOS）

    就是点一下灯 它本身和周围4盏灯会变色 ViewController.m文件 #import "ViewController.h" #import "UIView+cha ...

  3. 如何写BaseDomain

    上图摘自<Spring3.x企业应用开发实战> 提到了使用org.apache.commons.lang3.builder ToStringBuilder进行toString方法的统一. ...

  4. 敏捷软件开发：原则、模式与实践——第14章　使用UML

    第14章 使用UML 在探索UML的细节之前,我们应该先讲讲何时以及为何使用它.UML的误用和滥用已经对软件项目造成了太多的危害. 14.1 为什么建模 建模就是为了弄清楚某些东西是否可行.当模型比要 ...

  5. android中的坐标系以及获取坐标的方法

    android中有两种坐标系,分别称之为Android坐标系和视图坐标系.而对应的也有一些相关的方法可以获取坐标系中的 坐标值.只有搞清楚这些区别,才能在实现的时候不至于出错或者得不到你想要的效果. ...

  6. 编写一个Java程序，计算半径为3.0的圆周长和面积并输出结果。把圆周率π定义为常量，半径定义为变量，然后进行计算并输出结果。

  7. java打字游戏

    小记:老早之前写的程序,今天发现之前在 csdn上写的东西的图片不显示了,搞得人好郁闷,所以把之前零星的几篇文章搬个家 游戏运行截图: 字母实体类 package com.git.game; impo ...

  8. 以前写的关于Linux C/C++的博客

    以前在CU写的关于Linux C/C++的博客 http://blog.chinaunix.net/uid/25909722/cid-24318-list-1.html

  9. 关于Redis中的serverCron

    1.serverCron简介 在 Redis 中, 常规操作由 redis.c/serverCron 实现, 它主要执行以下操作 /* This is our timer interrupt, cal ...

  10. Java异常处理和设计【转】

    Java异常处理和设计 在程序设计中,进行异常处理是非常关键和重要的一部分.一个程序的异常处理框架的好坏直接影响到整个项目的代码质量以及后期维护成本和难度.试想一下,如果一个项目从头到尾没有考虑过异常 ...