【前端学习】字符串replace使用

String对象的replace方法包含两个参数,第一个参数表示执行匹配的正则表达式,也可以传递字符串,第二个参数表示代替匹配的子字符串。

   var b = s.replace("str1","str2");

与search和match方法不同,replace方法不会吧字符串转换为正则表达式对象,而是以字符串直接量的文本模式尽心匹配。第二个参数可以是替换文本,或者是生成替换文本的函数,将返回值作为替换文本。

replace方法同时执行查找和替换两个操作。该方法将在字符串中查找与正则表达式相匹配的子字符串,然后调用第二个参数替换这些子字符串。(js中正则表达式的使用方式有两种,一种是正则表达式对象的方法,一种是字符串对象的方法,前者有exec(str)、test(str)两个方法,后者有match(regexp)、replace(regexp)、search(regexp)、split(search)四个方法。)如果正则表达式具有全局性质,那么将替换所有匹配的子字符串,否则只替换第一个匹配子字符串。

   var b = ‘1231231234‘ ;

     console.log(b.replace(‘123‘,‘321‘)) // 3211231234

     console.log(b.replace(/123/,‘321‘)) //3211231234  非全局正则

     console.log(b.replace(/123/g,‘321‘)) //3213213214 全局正则

在replace方法中约定了一个特殊的字符“$”,如果加了一个序号,就表示引用正则表达式中匹配的子表达式存储的字符串。例如:

   var s  = "javascript";

   var b = s.replace(/(java)(script)/,‘‘$2-$1");

     console.log(b) // script-java

  • $1,$2...$99;与正则表达式中的第1~99个子表达式相匹配的文本。
  • $& 与正则表达式相匹配的子字符串。
  • $`位于匹配子字符串左侧的文本
  • $‘位于匹配子字符串右侧的文本
  • $$表示$

当第二个参数使用函数时

       var s = ‘script language = "javascript" type = " text / javascript" ‘;

   var f = function($1) {

         return $1.substring(0,1).toUpperCase() + $1.substring(1)

      };

     console.log(s.replace(/(\b\w+\b)/g,f)); // Script Language = "Javascript" Type = " Text / Javascript"

    var f2 = function($1,$2,$3) {

         return $2+$3

      };

      console.log(s.replace(/(\b\w+\b)/g,f2)); //script0 language7 = "javascript19" type31 = " text40 / javascript47"

  • arguments[0] 每次匹配的文本
  • arguments[1]~argument[n-3] 第一个至最后一个匹配子表达式匹配的文本
  • arguments[n-2] 匹配文本的下标
  • arguments[n-1] 执行匹配的字符串
时间: 2024-08-26 01:35:11

【前端学习】字符串replace使用的相关文章

我的前端学习历程(转)

我的前端学习历程 很难想象一个半年前还在做后台开发,对前端知之甚少的我,现在也可以从事前端开发了.这半年的学习过程将会是我人生一笔宝贵的财富,这让我想到一句话“在成长的道路上,我们不要给自己设定界限,只要拥有成长的力量,就能不断超越自己”. 下面以我自己的经历讲讲前端的学习过程. 阅读目录 Jquery基础知识准备 CSS学习与技巧 代码优化 总结 回到顶部 Jquery基础知识准备 学习前端需要掌握的基础知识有jquery,css.做移动端开发最好掌握CSS3,CSS3的许多新特性会让布局简单

web前端学习的基础知识2

今天给大家分享的是web前端学习中的变量和数据类型的数据. 数据类型其实就是指对数据的分类. C#语言中的数据类型有一下几种常见的数据类型:1.char(字符类型):单个字符(汉字.字母.数字.标点符号):用成对英文单引号表示. 2.string(字符串类型):不限数量的文字:用英文双引号表示 3.int(整数类型):用于表示一个整数:直接书写 4.double(小数类型):用于表示小数点的数字 变量:一块存储数据的空间,并且该内存区域的数据内容可以变化 在代码中使用变量,必须先声明后赋值.声明

我的前端学习历程

很难想象一个半年前还在做后台开发,对前端知之甚少的我,现在也可以从事前端开发了.这半年的学习过程将会是我人生一笔宝贵的财富,这让我想到一句话“在成长的道路上,我们不要给自己设定界限,只要拥有成长的力量,就能不断超越自己”. 下面以我自己的经历讲讲前端的学习过程. 阅读目录 Jquery基础知识准备 CSS学习与技巧 代码优化 总结 回到顶部 Jquery基础知识准备 学习前端需要掌握的基础知识有jquery,css.做移动端开发最好掌握CSS3,CSS3的许多新特性会让布局简单很多.Jquery

.Net程序员之Python基础教程学习----字符串的使用 [Second Day]

     在The FirstDay 里面学习了列表的元组的使用,今天开始学习字符串的使用.字符串的使用主要要掌握,字符串的格式化(C语言中我们应该都知道,Python和C语言差别不大),字符串的基本操作(Join,Split,Replace等和.net里面的也有很多相似点) 一.字符串的基本操作     1.字符串格式化认识: 字符串的格式化用%隔开与C语言一样.赋值也是用%(val1,val2)来传递,其实就是用元组来传递格式化数据. Note: values元素的个数以及格式必须与格式化字

前端学习之路-CSS介绍,Html介绍,JavaScript介绍

CSS介绍 学前端必备掌握CSS样式,css为层叠样式表,用来定义页面的显示效果,加强用户的体验乐趣,那么如何用css到html中呢? style属性方式 利用标签中的style属性来改变显示样式 <p style="background-color: #FFF000"> p标签 </p> 在head中加入style标签 <head> <style type="text/css"> p { color: #FFF000

好程序员web前端学习路线分享jQuery学习技巧

好程序员web前端学习路线分享jQuery学习技巧,jQuery在web前端学习中是一个必不可少的内容,很多小伙伴都在学习这阶段的时候遇到问题,今天我们就来聊一下jQuery,让我们一起来看一看吧! 1.关于页面元素的引用 通过jquery的$引用元素包括通过id.class.元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法. 2.jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方

好程序员web前端学习路线大厂面试题详解

好程序员web前端学习路线大厂面试题详解,依赖注入原理 手动实现依赖注入实现方式 - var _global={ - ajax:function(){//申明服务,也可以说是内部类 - this.get=function(){ - //todo:get方式请求数据 - console.log(“get is success”); - }; - This.post=function(){ - //todo:post方式请求数据 - console.log(“post is success”); -

好程序员web前端学习路线分享函数基础

好程序员web前端学习路线分享函数基础,在这之前先来讲一下函数是什么? 函数就一个代码块,可以是一个完全独立与其它内容没有关系的代码块,也可以是一个与外界环境紧密相关的代码块.函数是一个拥有输入和输出的独立代码块.函数是程序中最重要的组成部分. 函数,是一种封装(将一些语句,封装到函数里面).通过函数可以封装任意多条语句,而且可以在任何地方.任何时候调用执行. 在javascript里,函数即对象,程序可以随意操控它们.函数可以嵌套在其他函数中定义,这样它们就可以访问它们被定义时所处的作用域中的

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

下面代码展示了(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+)\

WEB前端学习笔记 一

最近时间比较充裕,整理了一下学习过的笔记,此篇笔记包含了:Html.Css.JavaScript.Jquery.以及使用帝国CMS或是织梦CMS建立自己的网站,也许也会整理一下PHP的笔记,如果时间允许会整理完全. 虽然笔记是从最基础的开始,但是,并不包含电脑的基础知识,所以你必须已经掌握了一些电脑的基本操作,比如开关机,你的电脑用的是什么操作系统,至少也要会用word和wps吧.浏览器是做什么的,什么拷贝.复制.粘贴.知道最基本的文件类型,如,文本文件,视频文件,图片文件,什么是可执行文件,分