位置: 编程技术 - 正文
replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
语法:string.replace(subStr/reg,replaceStr/function)
第一个参数可以是字符串的子字符串,也可以是一个正则表达式,第二个参数可以是一个字符串或者一个处理方法,下面我们分别看看我们换为正则的写法我们看看function的写法这时我们可以看到预想结果:XXXX,所有字符被替换为X,这是我之前对replace的认识,但我在JavaScript语言精粹上看到这样一个例子,我迷惑了
这段代码是为JavaScript的String对象添加一个deentityfy 方法,用以替换字符串中得HTML字符(把"替换为”,<替换为<,>替换为>),我们先忽略作者使用的语言技巧,看看他的replace是怎么用的,第一个参数是一个正则表达式,是匹配之前提到的三个字符串,第二个参数的function竟然有了两个参数,这两个参数到底是什么?为什么方法却得到了预想结果,我们来简单分析一下。
首先entity[b]是JavaScript关联数组的用法,根据数组数据的name得到value,为了方便理解,我们不妨改造一下这个方法,让它变得简单些,让我们可以更清楚地看到function的参数到底是什么,同时为了消除浏览器转码问题,我们修改一下替换字符串
这样,我们把方法的参数都打印出来,看看结果是什么很奇怪对不对,最后的<”>是方法的结果,很正确,得到了预期结果,让我们看看function的参数部分,
function被调用了3次,恰恰是匹配的次数,每次都置换匹配字符串。
每次调用的时候方法有四个参数
第一个参数很简单,是匹配字符串
第二个很诡异,不过每个都看一遍不难得出,第二个参数是正则表达式括号内的匹配的内容
第三个参数和容易想到,是匹配项在字符串中的index
第四个参数则是原字符串
很神奇对不对,但是不是就是这样了呢,我们再写一个试试
和前面例子很像,只是简单的把所有匹配项替换为了X,看看结果
出乎意料对不对,结果是预期的,但是参数少了一个,第二项参数不见了,看看究竟还有什么不同——正则表达式中看似多余的括号不见了,上一个例子中,第二项参数恰恰是括号内的匹配项,是不是第二个参数就是正则表达式中括号内的匹配项呢,我们把括号加回来验证一下
看看结果
果不其然,这样我们就了解了function中到底有哪些参数,现在看看JavaScript语言精粹重的例子就应该明白了,当然我们需要知道关联数组,立即执行函数,闭包和arguments对象,如果让我们把一句话中所有的单词首字母大写,是不是会了呢
推荐整理分享关于JavaScript中string 的replace(关于javascript中数组的说法不正确),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:下列关于javascript的叙述正确的有,在以下选项中,关于javascript的date,关于javascript中的math对象的说法,在以下选项中,关于javascript的date,关于javascript中数组的说法,关于javascript中数组的说法,关于javascript中数组的说法中,关于javascript中数组的说法正确的,内容如对您有帮助,希望把文章链接给更多的朋友!
深入理解JavaScript 闭包究竟是什么 1.简单的例子首先从一个经典错误谈起,页面上有若干个div,我们想给它们绑定一个onclick方法,于是有了下面的代码divid="divTest"span0/spanspan1/spanspan2/spansp
用JavaScript获取DOM元素位置和尺寸大小的方法 在一些复杂的页面中经常会用JavaScript处理一些DOM元素的动态效果,这种时候我们经常会用到一些元素位置和尺寸的计算,浏览器兼容性问题也是不可忽
基于JavaScript实现 获取鼠标点击位置坐标的方法 在一些DOM操作中我们经常会跟元素的位置打交道,鼠标交互式一个经常用到的方面,令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下
友情链接: 武汉网站建设