JavaScript replace() ·½·¨

¶¨ÒåºÍÓ÷¨

replace() ·½·¨ÓÃÓÚÔÚ×Ö·û´®ÖÐÓÃһЩ×Ö·ûÌæ»»ÁíһЩ×Ö·û£¬»òÌæ»»Ò»¸öÓëÕýÔò±í´ïʽƥÅäµÄ×Ó´®¡£

Óï·¨

stringObject.replace(regexp/substr,replacement)
²ÎÊý ÃèÊö
regexp/substr

±ØÐè¡£¹æ¶¨×Ó×Ö·û´®»òÒªÌæ»»µÄģʽµÄ RegExp ¶ÔÏó¡£

Çë×¢Ò⣬Èç¹û¸ÃÖµÊÇÒ»¸ö×Ö·û´®£¬Ôò½«Ëü×÷ΪҪ¼ìË÷µÄÖ±½ÓÁ¿Îı¾Ä£Ê½£¬¶ø²»ÊÇÊ×Ïȱ»×ª»»Îª RegExp ¶ÔÏó¡£

replacement ±ØÐè¡£Ò»¸ö×Ö·û´®Öµ¡£¹æ¶¨ÁËÌæ»»Îı¾»òÉú³ÉÌæ»»Îı¾µÄº¯Êý¡£

·µ»ØÖµ

Ò»¸öеÄ×Ö·û´®£¬ÊÇÓà replacement Ìæ»»ÁË regexp µÄµÚÒ»´ÎÆ¥Åä»òËùÓÐÆ¥ÅäÖ®ºóµÃµ½µÄ¡£

˵Ã÷

×Ö·û´® stringObject µÄ replace() ·½·¨Ö´ÐеÄÊDzéÕÒ²¢Ìæ»»µÄ²Ù×÷¡£Ëü½«ÔÚ stringObject ÖвéÕÒÓë regexp ÏàÆ¥ÅäµÄ×Ó×Ö·û´®£¬È»ºóÓà replacement À´Ìæ»»ÕâЩ×Ó´®¡£Èç¹û regexp ¾ßÓÐÈ«¾Ö±êÖ¾ g£¬ÄÇô replace() ·½·¨½«Ìæ»»ËùÓÐÆ¥ÅäµÄ×Ó´®¡£·ñÔò£¬ËüÖ»Ìæ»»µÚÒ»¸öÆ¥Åä×Ó´®¡£

replacement ¿ÉÒÔÊÇ×Ö·û´®£¬Ò²¿ÉÒÔÊǺ¯Êý¡£Èç¹ûËüÊÇ×Ö·û´®£¬ÄÇôÿ¸öÆ¥Åä¶¼½«ÓÉ×Ö·û´®Ìæ»»¡£µ«ÊÇ replacement ÖÐµÄ $ ×Ö·û¾ßÓÐÌØ¶¨µÄº¬Òå¡£ÈçϱíËùʾ£¬Ëü˵Ã÷´ÓģʽƥÅäµÃµ½µÄ×Ö·û´®½«ÓÃÓÚÌæ»»¡£

×Ö·û Ìæ»»Îı¾
$1¡¢$2¡¢...¡¢$99 Óë regexp ÖÐµÄµÚ 1 µ½µÚ 99 ¸ö×Ó±í´ïʽÏàÆ¥ÅäµÄÎı¾¡£
$& Óë regexp ÏàÆ¥ÅäµÄ×Ó´®¡£
$` λÓÚÆ¥Åä×Ó´®×ó²àµÄÎı¾¡£
$' λÓÚÆ¥Åä×Ó´®ÓÒ²àµÄÎı¾¡£
$$ Ö±½ÓÁ¿·ûºÅ¡£

×¢Ò⣺ECMAScript v3 ¹æ¶¨£¬replace() ·½·¨µÄ²ÎÊý replacement ¿ÉÒÔÊǺ¯Êý¶ø²»ÊÇ×Ö·û´®¡£ÔÚÕâÖÖÇé¿öÏ£¬Ã¿¸öÆ¥Åä¶¼µ÷Óøú¯Êý£¬Ëü·µ»ØµÄ×Ö·û´®½«×÷ÎªÌæ»»Îı¾Ê¹Ó᣸ú¯ÊýµÄµÚÒ»¸ö²ÎÊýÊÇÆ¥ÅäģʽµÄ×Ö·û´®¡£½ÓÏÂÀ´µÄ²ÎÊýÊÇÓëģʽÖеÄ×Ó±í´ïʽƥÅäµÄ×Ö·û´®£¬¿ÉÒÔÓÐ 0 ¸ö»ò¶à¸öÕâÑùµÄ²ÎÊý¡£½ÓÏÂÀ´µÄ²ÎÊýÊÇÒ»¸öÕûÊý£¬ÉùÃ÷ÁËÆ¥ÅäÔÚ stringObject ÖгöÏÖµÄλÖá£×îºóÒ»¸ö²ÎÊýÊÇ stringObject ±¾Éí¡£

ʵÀý

Àý×Ó 1

ÔÚ±¾ÀýÖУ¬ÎÒÃǽ«Ê¹Óà "W3School" Ìæ»»×Ö·û´®ÖÐµÄ "Microsoft"£º

<script type="text/javascript">

var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/, "W3School"))

</script>

Êä³ö£º

Visit W3School!

Àý×Ó 2

ÔÚ±¾ÀýÖУ¬ÎÒÃǽ«Ö´ÐÐÒ»´ÎÈ«¾ÖÌæ»»£¬Ã¿µ± "Microsoft" ±»ÕÒµ½£¬Ëü¾Í±»Ì滻Ϊ "W3School"£º

<script type="text/javascript">

var str="Welcome to Microsoft! "
str=str + "We are proud to announce that Microsoft has "
str=str + "one of the largest Web Developers sites in the world."

document.write(str.replace(/Microsoft/g, "W3School"))

</script>

Êä³ö£º

Welcome to W3School! We are proud to announce that W3School
has one of the largest Web Developers sites in the world.

Àý×Ó 3

Äú¿ÉÒÔʹÓñ¾ÀýÌṩµÄ´úÂëÀ´È·±£Æ¥Åä×Ö·û´®´óд×Ö·ûµÄÕýÈ·£º

text = "javascript Tutorial";
text.replace(/javascript/i, "JavaScript");

Àý×Ó 4

ÔÚ±¾ÀýÖУ¬ÎÒÃǽ«°Ñ "Doe, John" ת»»Îª "John Doe" µÄÐÎʽ£º

name = "Doe, John";
name.replace(/(\w+)\s*, \s*(\w+)/, "$2 $1");

Àý×Ó 5

ÔÚ±¾ÀýÖУ¬ÎÒÃǽ«°ÑËùÓеύÒýºÅÌæ»»ÎªÖ±ÒýºÅ£º

name = '"a", "b"';
name.replace(/"([^"]*)"/g, "'$1'");

Àý×Ó 6

ÔÚ±¾ÀýÖУ¬ÎÒÃǽ«°Ñ×Ö·û´®ÖÐËùÓе¥´ÊµÄÊ××Öĸ¶¼×ª»»Îª´óд£º

name = 'aaa bbb ccc';
uw=name.replace(/\b\w+\b/g, function(word){
  return word.substring(0,1).toUpperCase()+word.substring(1);}
  );

TIY

replace() 1
ÈçºÎʹÓà replace() À´Ìæ»»×Ö·û´®ÖеÄ×Ö·û¡£
replace() 2 - È«¾ÖËÑË÷
ÈçºÎʹÓà replace() ½øÐÐÈ«¾ÖÌæ»»¡£
replace() 3 - ¶Ô´óСд²»Ãô¸ÐµÄËÑË÷
ÈçºÎʹÓà replace() È·±£´óд×ÖĸµÄÕýÈ·ÐÔ¡£
replace() 4
ÈçºÎʹÓà replace() À´×ª»»ÐÕÃûµÄ¸ñʽ¡£
replace() 5
ÈçºÎʹÓà replace() À´×ª»»ÒýºÅ¡£
replace() 6
ÈçºÎʹÓà replace() °Ñµ¥´ÊµÄÊ××Öĸת»»Îª´óд¡£
VUE