首页 / JAVASCRIPT / javascript中replace()方法的使用_javascript技巧

javascript中replace()方法的使用_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript中replace()方法的使用_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2098字，纯文字阅读大概需要3分钟。

内容图文

最近在浏览一些阿里的前端面试题，其中有一题涉及了javascript中replace( )方法的使用，下面是原题：

“说出以下函数的作用是？空白区域应该填写什么？”

以下是分析过程（感觉还是弄个编号，个人觉得比较有条理一些）

1、因为本题也涉及了到其它的知识点，如匿名函数、原型等知识点，但不是本次讨论的重点。

2、根据题面，我们知道，该题的源码类似于写一个模板引擎。将模板里的‘{1}'之类的占位符替换成传给它的参数。所以arg应该就是arguments。但是！！！由于arg不是数组，而是一个类数组对象（不懂的可自行百度(u_u)），所以我们需要进行一些转换，

代码如下:
var arg=Array.prototype.slice.call(arguments,0);

3、等号右边也就是第一空的答案了。说了这么多，那么接下来第二空就是我们要讨论的重点了~~~~~~我们都知道第二空是要通过正则找出占位符，并根据占位符内的数字将其替换成arg数组内的字符串，说实话replace方法的第二个参数为函数的情况很少遇到，一般我们遇到都是这样的，看下面的代码：

代码如下:

var pattern=/8(.*)8/;
var str='This is a 8baidu8';
document.write(str.replace(pattern,'$1'));

4、由于replace第二个参数是函数的情况比较少，那么我们就来重点谈谈第二个参数为函数的情形。

首先这是replace函数的语法：stringobject.replace(regexp/substr,replacement)

其中regexp/substr必需。规定字符串或要替换的模式的regexp对象。(请注意，如果该值是一个字符串，则将它作为要检索的直接量文本模式，而不是首先被转换为 regexp 对象。) replacement必需。一个字符串值。规定了替换文本或生成替换文本的函数。最后返回一个新的字符串，是用replacement替换了regexp的第一次匹配或所有匹配之后得到的。

5、ECMAScript规定，replace（）方法的参数replacement可以是函数而不是字符串。在这种情况下，每个匹配都调用该函数，它返回的字符串将替换文本使用。第一个参数表示匹配到的字符，第二个参数表示匹配到的字符最小索引位置（RegExp.index），第三个参数表示被匹配的字符串（RegExp.input）。

6、所以第二空可以这样写：/\{(\d+)\}/g，放在语句中完整为：

代码如下:

return this.str.replace(/\{(\d+)\}/g, function (a, b) {
return arg[b] || '';
});

执行第一次匹配时，{0}被替代为arg[0]
执行第一次匹配时，{1}被替代为arg[1]
执行第一次匹配时，{2}被替代为arg[2]

7、以上就是js字符串方法replace()的第二个参数为函数讲解（有不完善的地方，自行补充）,当然这道面试题也解决了~~~~~

以上所述就是本文的全部内容了，希望大家能够喜欢。

内容总结

以上是互联网集市为您收集整理的javascript中replace()方法的使用_javascript技巧全部内容，希望文章能够帮你解决javascript中replace()方法的使用_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/325060.html

来源：【匿名】