国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

javascript中replace( )方法的使用

2019-11-20 12:36:59
字體:
供稿:網(wǎng)友

最近在瀏覽一些阿里的前端面試題,其中有一題涉及了javascript中replace( )方法的使用,下面是原題:

“說出以下函數(shù)的作用是?空白區(qū)域應(yīng)該填寫什么?”

 // define  (function (window) {    function fn(str) {      this.str = str;    }    fn.prototype.format = function () {      var arg = ______;      return this.str.replace(_______, function (a, b) {        return arg[b] || '';      });    }    window.fn = fn;  })(window);  // use  (function(){    var t = new fn('<p><a href="{0}">{1}</a><span>{2}</span></p>');   console.log( t.format('http://www.alibaba.com', 'Alibaba', 'Welcome') );  })();

以下是分析過程(感覺還是弄個編號,個人覺得比較有條理一些)

1、因為本題也涉及了到其它的知識點,如匿名函數(shù)、原型等知識點,但不是本次討論的重點。

2、根據(jù)題面,我們知道,該題的源碼類似于寫一個模板引擎。將模板里的‘{1}'之類的占位符替換成傳給它的參數(shù)。所以arg應(yīng)該就是arguments。但是!!!由于arg不是數(shù)組,而是一個類數(shù)組對象(不懂的可自行百度(u_u)),所以我們需要進行一些轉(zhuǎn)換,

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

3、等號右邊也就是第一空的答案了。說了這么多,那么接下來第二空就是我們要討論的重點了~~~~~~我們都知道第二空是要通過正則找出占位符,并根據(jù)占位符內(nèi)的數(shù)字將其替換成arg數(shù)組內(nèi)的字符串,說實話replace方法的第二個參數(shù)為函數(shù)的情況很少遇到,一般我們遇到都是這樣的,看下面的代碼:

復制代碼 代碼如下:

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

4、由于replace第二個參數(shù)是函數(shù)的情況比較少,那么我們就來重點談?wù)劦诙€參數(shù)為函數(shù)的情形。

首先這是replace函數(shù)的語法:stringobject.replace(regexp/substr,replacement)

其中regexp/substr必需。規(guī)定字符串或要替換的模式的regexp對象。(請注意,如果該值是一個字符串,則將它作為要檢索的直接量文本模式,而不是首先被轉(zhuǎn)換為 regexp 對象。) replacement必需。一個字符串值。規(guī)定了替換文本或生成替換文本的函數(shù)。最后返回一個新的字符串,是用replacement替換了regexp的第一次匹配或所有匹配之后得到的。

5、ECMAScript規(guī)定,replace()方法的參數(shù)replacement可以是函數(shù)而不是字符串。在這種情況下,每個匹配都調(diào)用該函數(shù),它返回的字符串將替換文本使用。第一個參數(shù)表示匹配到的字符,第二個參數(shù)表示匹配到的字符最小索引位置(RegExp.index),第三個參數(shù)表示被匹配的字符串(RegExp.input)。

6、所以第二空可以這樣寫://{(/d+)/}/g,放在語句中完整為:

復制代碼 代碼如下:

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

執(zhí)行第一次匹配時,{0}被替代為arg[0]
執(zhí)行第一次匹配時,{1}被替代為arg[1]
執(zhí)行第一次匹配時,{2}被替代為arg[2]

7、以上就是js字符串方法replace()的第二個參數(shù)為函數(shù)講解(有不完善的地方,自行補充),當然這道面試題也解決了~~~~~

以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 周至县| 丹棱县| 乌什县| 恭城| 邵阳县| 邵阳市| 蒙山县| 宁安市| 新河县| 喜德县| 同心县| 翁牛特旗| 新邵县| 玉环县| 射阳县| 九江县| 平舆县| 衢州市| 汾阳市| 隆德县| 峨眉山市| 龙南县| 临西县| 屏东县| 漳平市| 泌阳县| 新邵县| 濮阳市| 越西县| 合川市| 城口县| 忻州市| 远安县| 荥阳市| 平原县| 七台河市| 尼勒克县| 东乡县| 阳春市| 三穗县| 易门县|