萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 淺談jQuery中replace()方法

淺談jQuery中replace()方法

   這篇文章主要介紹了jQuery中replace()方法用法,實例分析了replace()方法的功能、定義及匹配元素去替換指定內容的方法,需要的朋友可以參考下

  今天在讀jquery源碼時,發現一個以前自己不曾注意過得問題,就是replece()的第二個參數為函數時的問題,以前只是知道replace()的第二個參數可以為函數,但是不知道該怎麼操作,今天看到源碼裡用到了函數作為replace()的第二個參數時,感覺自己讀起來比較吃力,於是准備整理下這個函數...

  語法

  stringObject.replace( regexp/substr, replacement)

  返回值

  返回一個新的字符串,是用replacement替換了regexp的第一次匹配或所欲匹配之後得到的

  當replace()方法的參數replacement是函數時,在這種情況下,每個匹配都調用該函數,函數返回的字符串作為替換文本使用。該函數的第一個參數是匹配模式的字符串。接下來的參數是與模式中的子表達式匹配的字符串,可以有0個或多個這樣的參數。接下來的參數是一個整數,聲明了匹配在stringObject中出現的位置。最後一個參數是stringObject本身。這席話是抄至w3cschool,對於現在的我來說以上的那段話我看著不是很明白,也不能用自己的話來簡單描述下,所以只能用實例來說明這一切

   代碼如下:

  var string = "abc123-ii";

  string.replace(/(d)-([da-z])/g,function( str1, str2, str3,str4,str5){

  console.log( str1 );// 3-i

  console.log( str2 );// 3(第一個捕獲)

  console.log( str3 );// i(第二個不捕獲組)

  console.log( str4 );// 5(匹配在string中出現的位置)

  console.log( str5 );// abc123-ii(string本身)

  return "I";

  })

  以上是今天我在看jquery源碼

   代碼如下:

  camelCase: function( string ) {

  return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );

  },

  fcamelCase = function( all, letter ) {

  return letter.toUpperCase();

  };

  時所引發的一些不明白,感覺現在自己對這個函數懂了的樣子

  然後現在我又想起不知道在以前什麼時候,自已在用repleace()所遇到的對於那時的我來說是怪符號,形如“$1,$2”等等。現在夜來對這一問題來做一個解答了

  $1,$2, $3.....表示捕獲1,2,3....

   代碼如下:

  var string = "abc123-ii";

  console.log(string.replace(/(d)-([da-z])/g, "$1")); // 用捕獲組1(3)去替換/(d)-([da-z])/g

  $&表示與regexp相匹配的子串

   代碼如下:

  var string = "abc123-ii";

  console.log(string.replace(/(d)-([da-z])/g, "$&")); // 用與regexp相匹配的字串(3-i)去替換/(d)-([da-z])/g

  $`表示位於匹配子串左側的文本

  代碼如下:

  var string = "abc123-ii";

  console.log(string.replace(/(d)-([da-z])/g, "$`")); // 用匹配字串左側的文本(abc12)去替換/(d)-([da-z])/g

  $'表示位於匹配子串右側的文本

  代碼如下:

  var string = "abc123-ii";

  console.log(string.replace(/(d)-([da-z])/g, "$‘")); // 用位於匹配字串右側的文本去替換/(d)-([da-z])/g

  $$直接為$符號

   代碼如下:

  var string = "abc123-ii";

  console.log(string.replace(/(d)-([da-z])/g, "$$")); // 用$符號去替換/(d)-([da-z])/g

  以上是自己對於replace()方法使用不明確的地方,本人前端小白,如果有寫的不對的地方,或者有關於此方法更好用法的實例希望各位看官能夠分享...

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

copyright © 萬盛學電腦網 all rights reserved