ECMAScript提供了replace()方法。這個(gè)方法接收兩個(gè)參數(shù)，第一個(gè)參數(shù)可以是一個(gè)RegExp對象或者一個(gè)字符串，第二個(gè)參數(shù)可以是一個(gè)字符串或者一個(gè)函數(shù)。現(xiàn)在我們來詳細(xì)講解可能出現(xiàn)的幾種情況。

1. 兩個(gè)參數(shù)都為字符串的情況

1 var text = 'cat, bat, sat, fat'; 2 // 在字符串中找到at，并將at替換為ond，只替換一次 3 var result = text.replace('at', 'ond'); 4 // "cond, bat, sat, fat" 5 console.log(result);

2. 第一個(gè)參數(shù)為RegExp對象，第二個(gè)參數(shù)為字符串

　　我們可以發(fā)現(xiàn)上面這種情況只替換了第一個(gè)at，如果想要替換全部at，就必須使用RegExp對象。

1 var text = 'cat, bat, sat, fat'; 2 // 使用/at/g 在全局中匹配at，并用ond進(jìn)行替換 3 var result = text.replace(/at/g, 'ond'); 4 // cond, bond, sond, fond 5 console.log(result);

　3. 考慮RegExp對象中捕獲組的情況。　　

　　RegExp具有9個(gè)用于存儲捕獲組的屬性。$1, $2...$9，分別用于存儲第一到九個(gè)匹配的捕獲組。我們可以訪問這些屬性，來獲取存儲的值。

1 var text = 'cat, bat, sat, fat'; 2 // 使用/(.at)/g 括號為捕獲組，此時(shí)只有一個(gè)，因此所匹配的值存放在$1中 3 var result = text.replace(/(.at)/g, '$($1)'); 4 // $(cat), $(bat), $(sat), $(fat) 5 console.log(result);

4. 第二個(gè)參數(shù)為函數(shù)的情況，RegExp對象中不存在捕獲組的情況。

1 var text = 'cat, bat, sat, fat'; 2 // 使用/at/g 匹配字符串中所有的at，并將其替換為ond， 3 // 函數(shù)的參數(shù)分別為：當(dāng)前匹配的字符，當(dāng)前匹配字符的位置，原始字符串 4 var result = text.replace(/at/g, function(match, pos, originalText) { 5 console.log(match + ' ' + pos); 6 return 'ond' 7 }); 8 console.log(result); 9 // 輸出 10 /* 11 at 1 dd.html:12:9 12 at 6 dd.html:12:9 13 at 11 dd.html:12:9 14 at 16 dd.html:12:9 15 cond, bond, sond, fond dd.html:16:5 16 */

5. 第二個(gè)參數(shù)為函數(shù)的情況，RegExp對象中存在捕獲組的情況。

1 var text = 'cat, bat, sat, fat'; 2 // 使用/(.at)/g 匹配字符串中所有的at，并將其替換為ond， 3 // 當(dāng)正則表達(dá)式中存在捕獲組時(shí)，函數(shù)的參數(shù)一次為：模式匹配項(xiàng)，第一個(gè)捕獲組的匹配項(xiàng)， 4 // 第二個(gè)捕獲組的匹配項(xiàng)...匹配項(xiàng)在字符串中的位置，原始字符串 5 var result = text.replace(/.(at)/g, function() { 6 console.log(arguments[0] + ' ' + arguments[1] + ' ' + arguments[2]); 7 return 'ond' 8 }); 9 console.log(result); 10 // 輸出 11 /* 12 cat at 1 13 bat at 6 14 sat at 11 15 fat at 16 16 cond, bond, sond, fond 17 */

以上為replace方法的所有可以使用的情況，下面我們使用replace和正則表達(dá)式共同實(shí)現(xiàn)字符串trim方法。

1 (function(myFrame) { 2 myFrame.trim = function(str) { 3 // ' hello world ' 4 return str.replace(/(^\s*)|(\s*$)/g, ''); 5 }; 6 window.myFrame = myFrame; 7 })(window.myFrame || {}); 8 // 測試 9 var str = ' hello world ' 10 console.log(str.length); // 15 11 console.log(myFrame.trim(str).length); // 11

?

總結(jié)

以上是生活随笔為你收集整理的第179天：javascript中replace使用总结的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。