转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> 网页制作 >> 正文
js中的replace()函数精典实例介绍         ★★★★

js中的replace()函数精典实例介绍

作者:闵涛 文章来源:闵涛的学习笔记 点击数:1042 更新时间:2010/6/23 22:55:04

  每种语言都有其特点,都存在部分函数让人爱不释手。

  就拿javascript来说吧,其中String的函数replace(),其灵活而强大的字符替换处理能力,让我们在处理字符串的时候如鱼得水。

  一、替换单个字符

  replace()最简单的算是能力就是简单的字符替换。示例代码如下:
  <script language="javascript">
  var strM = "javascript is a good script language";
  //将字符串中的首字母a替换成字母A
  alert(strM.replace("a","A"));
  </script>

  二、替换字符串中存在的指定的所有字符

  ①代码

  <script language="javascript">
  var strM = "javascript is a good script language";
  //将字母a全部替换成字母A
  alert(strM.replace(/a/g,"A"));
  </script>
  上述的/g,是正则表达式,这说明,在replace()还可以使用正则表达式。

  ②代码

  <script language="javascript">
  var strM = "javascript is a good script language";
  alert(strM.replace(/(javascript)\s*(is)/g,"$1 $2 fun. it $2"));
  </script>

  以上的两种方法,当然推荐第①种了,因为简单方便。

  三、将所有单词首字母换成大写

  <script language="javascript">
  var strM = "javascript is a good script language";
  function change(word)
  {
   return word.indexOf(0).toUpperCase()+word.substring(1);
  }
  alert(strM.replace(/\b\w+\b/g,change));
  </script>

  由上可知,当正则表达式有"g"标志时,代表将处理整个字符串,即函数change的变换将应用于所有匹配的对象。而该函数有三个或更多参数,具体个数视正则表达式而定。

  有了函数与正则表达式的配合,replace()处理字符串的功能空前强大起来了。

  四、将字符串所有单词倒序

  <script language="javascript">
  var strM = "javascript is a good script language";
  function change(word)
  {
   var result = word.match(/(\w)/g);
  if ( result )
  {
  var str = "";
  for ( var i=result.length-1; i>=0; i-- )
  {
   str += result;
  }
  return str;
  }
  else
  {
  return "null";
  }
  }
  alert(strM.replace(/\b(\w)+\b/g,change));
  </script>


没有相关教程
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台