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

1. 兩個參數都為字符串的情況

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

2. 第一個參數為RegExp對象，第二個參數為字符串

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

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

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

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

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

4. 第二個參數為函數的情況，RegExp對象中不存在捕獲組的情況

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

5. 第二個參數為函數的情況，RegExp對象中存在捕獲組的情況

var text = 'cat, bat, sat, fat'; // 使用/(.at)/g 匹配字符串中所有的at，并將其替換為ond， // 當正則表達式中存在捕獲組時，函數的參數一次為：模式匹配項，第一個捕獲組的匹配項， // 第二個捕獲組的匹配項...匹配項在字符串中的位置，原始字符串 var result = text.replace(/.(at)/g, function() {  console.log(arguments[0] + ' ' + arguments[1] + ' ' + arguments[2]);  return 'ond' }); console.log(result); // 輸出 /*  cat at 1   bat at 6   sat at 11   fat at 16   cond, bond, sond, fond  */

以上為replace方法的所有可以使用的情況，下面我們使用replace和正則表達式共同實現字符串trim方法。

(function(myFrame) {  myFrame.trim = function(str) {   // ' hello world '   return str.replace(/(^/s*)|(/s*$)/g, '');  };  window.myFrame = myFrame; })(window.myFrame || {}); // 測試 var str = ' hello world ' console.log(str.length); // 15 console.log(myFrame.trim(str).length); // 11