ECMAScript提供了replace()方法。這個方法接收兩個參數,第一個參數可以是一個RegExp對象或者一個字符串,第二個參數可以是一個字符串或者一個函數?,F在我們來詳細講解可能出現的幾種情況。
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
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。