下面代码展示了(demo地址 https://codepen.io/peach_/pen/jONJjRY):

1.字符串replace的理解和练习和配合正则表达式的使用,

2.正则表达式学习

3.通过正则表达式实现千分位

// 字符串replace的理解和练习
//示例来源:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/replace
var re = /(\w+)\s(\w+)/;
var str = "John Smith";
/*
$1 $2 代表 分别 正则表达式 子表达式(\w+) 和 (\w+) 的值, 其中 \s 不是子表达式 而是 元字符
/(\w+)\s+(\w+)/
$1 $2 */
var newstr1 = str.replace(re, "$2, $1");
var newstr2 = str.replace(re, "$2$1"); console.log(newstr1); // Smith, John
console.log(newstr2); // SmithJohn console.log(str.replace(re, "$1 666")); //John 666 console.log(str.replace(re, "$& aaa")); //John Smith aaa name = '"a", "b"'; console.log( name.replace(/"/g, '1') ); // 1a1, 1b1
//正则意思 匹配 "开头其后不为"的多个然后在匹配一个"
console.log( name.replace(/"([^"]*)"/g, "'$1'") ); // 'a', 'b' // 在本例中,我们将把字符串中所有单词的首字母都转换为大写:
//示例来源:https://www.w3school.com.cn/jsref/jsref_replace.asp
var name2 = 'aaa bbb ccc';
/*
/\b\w+\b/g
正则表达式解析
\b 匹配一个单词边界,也就是指单词和空格间的位置。例如, 'er\b' 可以匹配"never" 中的 'er',但不能匹配 "verb" 中的 'er'。
\w 匹配字母、数字、下划线。等价于'[A-Za-z0-9_]'。 */ var uw = name2.replace(/\b\w+\b/g, function(word){
console.log(word, '这里'); //分别输出 aaa bbb ccc
return word.substring(0,1).toUpperCase()+word.substring(1);
}); console.log(uw, '首字母都转换为大写'); //Aaa Bbb Ccc /*
//示例来源:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/replace
将华氏温度转换为对等的摄氏温度节
下面的例子演示如何将华氏温度转换为对等的摄氏温度。华氏温度用一个数字加一个"F"来表示,这个函数将返回一个数字加"C"来表示的摄氏温度。例如,如果输入是 212F,这个函数将返回 100C。如果输入的数字是 0F,这个方法将返回 "-17.77777777777778C"。 正则表达式test检查任何数字是否以 F 结尾。华氏温度通过第二个参数p1进入函数。这个函数基于华氏温度作为字符串传递给f2c函数设置成摄氏温度。然后f2c()返回摄氏温度。这个函数与Perl的 s///e 标志相似 */ //replace 的第二个阐述为函数时 的参数说明
/* 指定一个函数作为参数节
你可以指定一个函数作为第二个参数。在这种情况下,当匹配执行后,该函数就会执行。 函数的返回值作为替换字符串。 (注意:上面提到的特殊替换参数在这里不能被使用。) 另外要注意的是,如果第一个参数是正则表达式,并且其为全局匹配模式,那么这个方法将被多次调用,每次匹配都会被调用。 下面是该函数的参数: 变量名 代表的值
match 匹配的子串。(对应于上述的$&。)
p1,p2, ...
假如replace()方法的第一个参数是一个RegExp 对象,则代表第n个括号匹配的字符串。(对应于上述的$1,$2等。)例如,如果是用 /(\a+)(\b+)/ 这个来匹配,p1 就是匹配的 \a+,p2 就是匹配的 \b+。 offset
匹配到的子字符串在原字符串中的偏移量。(比如,如果原字符串是 'abcd',匹配到的子字符串是 'bc',那么这个参数将会是 1) string 被匹配的原字符串。
NamedCaptureGroup 命名捕获组匹配的对象 */ function f2c(x){
/*
前提 replace 的第一个参数是 一个 正则表达式
replace 的第二个参数 如果是 一个匿名函数
第一个参数为 匹配到的 字符串
从第二个参数为 依次 是正则的 子表达式 匹配的 字符
....
倒数第二个参数为 匹配到的子字符串在原字符串中的偏移量
倒数第一个产生为 被匹配的原字符串。
*/
function convert(str, p1, offset, s){
console.log('这里是', str, p1, offset, s); // 212F 212 0 212F 这里是
return ((p1-32) * 5/9) + "C";
}
var s = String(x); //转换成字符串,与toString()的区别详见 https://www.cnblogs.com/leeke98/p/9754859.html
// (?:pattern) 匹配 pattern 但不获取匹配结果,也就是说这是一个非获取匹配,不进行存储供以后使用。这在使用 "或" 字符 (|) 来组合一个模式的各个部分是很有用。例如, 'industr(?:y|ies) 就是一个比 'industry|industries' 更简略的表达式。
//匹配 单词边界 符号.或者 零个或多个 数字 前面的 的标段是匹配零次或多次 后面紧跟着F 单词边界
var test = /(\d+(?:\.\d*)?)F\b/g; return s.replace(test, convert);
} f2c('212F')
//---------------
//分析上面 函数
function f2C(x){
/*
前提 replace 的第一个参数是 一个 正则表达式
replace 的第二个参数 如果是 一个匿名函数
第一个参数为 匹配到的 字符串
第二个参数为 是正则的 子表达式 匹配的 字符
*/
function convert(str, p1, p2, offset, s){
console.log('分析这里是', str, p1, p2, offset, s); // 212Fhhh 212 hhh 0 212Fhhh
return ((p1-32) * 5/9) + "C";
}
var s = String(x); //转换成字符串,与toString()的区别详见 https://www.cnblogs.com/leeke98/p/9754859.html
// var test = /(\d+(?:\.\d*)?)F\b/g;
var test = /(\d+(?:\.\d*)?)F(\w+)\b/g; return s.replace(test, convert);
} f2C('212Fhhh') // 正则学习地址:https://github.com/ziishaned/learn-regex/blob/master/translations/README-cn.md
//在线练习地址(可将下面的正则复制进去查看匹配效果): https://regex101.com/r/IDDARt/1
// 正先行断言 练习 千分位
let divide = /\B(?=(\d{3})+\b)/g;
/*
\B 匹配的是非字符边界
\b 匹配字符边界
匹配一个非字符边界,并且其后 存在一次或多次 3位数字其后还得有个字符边界,即字符串最右边
例: '123' \B 指的就是 1和2之间 2和3之间
\b 指的是 1的左边和3的右边
*/
let strDivide = '123456789';
// console.log(divide.exec(strDivide));
console.log(strDivide.replace(divide, ',') ); //123,456,789

上面代码中:最后一个实现千分位的正则匹配效果(查看效果:代码注释中有链接地址):

字符串replace的理解和练习和配合正则表达式的使用的更多相关文章

  1. java字符串函数及理解

    Java中的字符串也是一连串的字符.但是与许多其他的计算机语言将字符串作为字符数组处理不同,Java将字符串作为String类型对象来处理.将字符串作为内置的对象处理允许Java提供十分丰富的功能特性 ...

  2. 关于字符串replace方法第二个参数探究

    网上有关replace的文章很多了,这里主要聊聊它的第二个参数.阅读本文需要对replace方法有一定了解.W3school=>replace 我们要把一段字符串中的某些指定字符替换掉,第一时间 ...

  3. 对Java中字符串的进一步理解

    字符串在程序开发中无处不在,也是用户交互所涉及到最频繁的数据类型,那么字符串不仅仅就是我们简单的理解的String str = "abc";一起来更加深入的看一下 在Java中,字 ...

  4. python字符串replace()方法

    python字符串replace()方法 >>> help(str.replace)Help on method_descriptor:replace(...)    S.repla ...

  5. python字符串replace失效问题

    python字符串replace替换无效 背景 今天想把一个列表中符合条件的元素中 替换部分字符串, 发现怎么替换,改元素还是没有改变,本以为是内存引用的问题后来发现并不然. 经查阅解决 在Pytho ...

  6. js判断字符串是否全为空(使用trim函数/正则表达式)

    我们需要判断用户输入的是否全是空格,可以使用以下方法: 方法一: 使用trim() /* 使用String.trim()函数,来判断字符串是否全为空*/ function kongge1(test) ...

  7. js正则函数match、exec、test、search、replace、split使用介绍集合,学习正则表达式的朋友可以参考下。

    match 方法 使用正则表达式模式对字符串执行查找,并将包含查找的结果作为数组返回. stringObj.match(rgExp) 参数 stringObj 必选项.对其进行查找的 String 对 ...

  8. js 字符串 replace replaceAll

    var str = "男的女的老的少的"; alert(str.replace('的','')); 可以看到替换后的str的值为"男女的老的少的",replac ...

  9. JavaScript中String对象的match()、replace() 配合正则表达式使用

    正则表达式由来已久,查找替换功能非常强大,但模板难记复杂. JavaScript中String对象的match().replace()这2个方法都要使用正则表达式的模板.当模板内容与字符串不相匹配时, ...

随机推荐

  1. 漫谈企业应用架构的演变 CRM & etc

    漫谈企业应用架构的演变 goYangKunhttps://mp.weixin.qq.com/s?__biz=MzIzMTc3NTA2NQ==&mid=2247483698&idx=1& ...

  2. Linux_CentOS软件安装yum

    在 Linux 操作系统下,几乎所有的软件均通过 RPM 进行安装.卸载及管理等操作.RPM 的 全称为 Redhat Package Manager ,是由 Redhat 公司提出的,用于管理 Li ...

  3. Spark ML 中 VectorIndexer, StringIndexer等用法(转载)

    VectorIndexer 主要作用:提高决策树或随机森林等ML方法的分类效果.VectorIndexer是对数据集特征向量中的类别(离散值)特征(index categorical features ...

  4. Qt 操作excel报错

    onecore\com\combase\catalog\catalog.cxx(2376)\combase.dll!00007FFF1DF823CB: (caller: 00007FFF1DED3A1 ...

  5. 算法习题---5.4反片语(Uva156)

    一:题目 输入一些单词,找出所有满足以下条件的单词:该单词不能通过字母重排得到输入文本中的另外一个单词.在判断是否满足条件时,字母不区分大小写,但在输出时应该保留输入中的大小写,按字典序进行排列 将输 ...

  6. 【Java】阿里巴巴Java开发手册

    阿里巴巴Java开发手册 下载地址:https://github.com/alibaba/p3c 阿里巴巴代码规范检查插件p3c 下载地址:https://github.com/alibaba/p3c

  7. k8s记录-ntpd时间同步配置(五)

    1)服务端配置 在192.168.0.1 root用户下操作 yum install -y ntp ntpdate 修改etc/ntp.conf 注释所有的server和restrict 加入: se ...

  8. Sql server with as update用法

    create table t1 ( id int,[names] varchar(100)) create table t2( id int,[names] varchar(100)) insert ...

  9. realloc(void *__ptr, size_t __size)

    #include <stdlib.h>realloc(void *__ptr, size_t __size):更改已经配置的内存空间,即更改由malloc()函数分配的内存空间的大小.如果 ...

  10. Java以UTF-8格式读写及追加写文件示例

    package test; import java.io.BufferedReader; import java.io.File; import java.io.FileInputStream; im ...