脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → 基础知识 → JS中的replace方法

JavaScript中的replace()方法使用详解

 更新时间：2015年06月06日 11:22:35   投稿：goldensun  
这篇文章主要介绍了JavaScript中的replace()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下

 该方法找到一个正则表达式的字符串之间的匹配，并取代了匹配的子带的新的子串。

替换字符串可以包含以下特殊替换模式：

201566112128579.jpg (626×286)

 语法

string.replace(regexp/substr, newSubStr/function[, flags]);

下面是参数的详细信息：

  •     regexp : 一个RegExp对象。匹配被替换参数的返回#2.
  •     substr : 一个字符串，由newSubStr 来替换
  •     newSubStr : 它取代从参数中收到的子字符串 #1.
  •     function : 一个函数被调用以创建新的子串
  •     flags : 包含的正则表达式标志的任意组合字符串： g - 全局匹配， i - 忽略大小写，m - 匹配多行。此参数仅用于如果所述第一参数是一个字符串。

返回值:

  •     它只是返回一个新的改变的字符串

例子：

下面的示例演示了如何使用全球和忽略大小写标志，允许替换，以使用字符串'oranges'取代'apples'

<html>
<head>
<title>JavaScript String replace() Method</title>
</head>
<body>
<script type="text/javascript">

var re = /apples/gi;
var str = "Apples are round, and apples are juicy.";
var newstr = str.replace(re, "oranges");

document.write(newstr ); 

</script>
</body>
</html>

 
例子：

下面的例子演示了如何在一个字符串转换的词：

<html>
<head>
<title>JavaScript String replace() Method</title>
</head>
<body>
<script type="text/javascript">

var re = /(\w+)\s(\w+)/;
var str = "zara ali";
var newstr = str.replace(re, "$2, $1");
document.write(newstr);

</script>
</body>
</html>

您可能感兴趣的文章:

相关文章

  • Javascript中indexOf()和lastIndexOf应用方法实例

    Javascript中indexOf()和lastIndexOf应用方法实例

    这篇文章主要介绍了JavaScript中的indexOf()和lastIndexOf()方法使用实例,是JS入门学习中的基础知识,有需要的朋友可以参考下。
    2016-08-08
  • javascript学习笔记（三）BOM和DOM详解

    javascript学习笔记（三）BOM和DOM详解

    本文应用了很多实例，来解读JavaScript中BOM和DOM，DOM是一个使程序和脚本有能力动态地访问和更新文档的内容、结构以及样式的平台和语言中立的接口。,而BOM定义了JavaScript可以进行操作的浏览器的各个功能部件的接口。
    2014-09-09
  • scrollTop 用法说明

    scrollTop 用法说明

    scrollTop属性是什么? 有些情况下,“元素中内容”的高度会超过“元素本身”的高度,
    2009-06-06
  • 一些易混淆且不常用的属性，希望有用

    一些易混淆且不常用的属性，希望有用

    一些易混淆且不常用的属性，希望有用...
    2007-01-01
  • 深入理解JavaScript 箭头函数

    深入理解JavaScript 箭头函数

    ES6标准新增了一种新的函数：Arrow Function（箭头函数）。为什么叫Arrow Function？因为它的定义用的就是一个箭头。下面我们来一起学习一下吧
    2019-05-05
  • Javascript入门学习第六篇 js DOM编程

    Javascript入门学习第六篇 js DOM编程

    上篇文章纳闷的问题，将在这章和以后的几章里，慢慢搞定。 从今天起，开始学习DOM编程 让我们慢慢称为一名初级的js程序员。 然后往js匠人方向发展。
    2008-07-07
  • JavaScript中length属性的使用方法

    JavaScript中length属性的使用方法

    这篇文章主要介绍了JavaScript中length属性的使用方法,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • Dojo Javascript 编程规范 规范自己的JavaScript书写

    Dojo Javascript 编程规范 规范自己的JavaScript书写

    良好的JavaScript书写习惯的优点不言而喻，今天彬Go向大家推荐Dojo Javascript 编程规范，相当不错的 Javascript 编程风格规范，建议大家可以借鉴一下此规范编写 Javascript。感谢i.feelinglucky的翻译
    2014-10-10
  • 彻底搞懂 javascript的Promise

    彻底搞懂 javascript的Promise

    这篇文章主要为大家详细介绍了javascript的Promise，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
    2022-02-02
  • javascript如何创建表格(javascript绘制表格的二种方法)

    javascript如何创建表格(javascript绘制表格的二种方法)

    利用js来动态创建表格有两种格式，appendChild()和insertRow、insertCell()。两种方式其实差不多，但第一种有可能在IE上有问题，所以推荐大家使用第二种方法，看下面的解决和使用方法
    2013-12-12

最新评论