JS基于正则表达式的替换操作(replace)用法示例

 更新时间:2017年04月28日 08:57:46   作者:xia_sir  
这篇文章主要介绍了JS基于正则表达式的替换操作(replace)用法,结合具体实例形式详细分析了replace函数的语法、参数及具体使用技巧,需要的朋友可以参考下

本文实例讲述了JS基于正则表达式的替换操作(replace)用法。分享给大家供大家参考,具体如下:

正则表达式替换使用的是replace()方法。Replace()方法是用一些字符途欢另一些字符

语法:stringObject.replace(regexp,replacement)

regexp 必需。规定了要替换的模式的 RegExp 对象。请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象。
replacement 必需。一个字符串值。规定了替换文本或生成替换文本的函数。

replacement 可以是字符串,也可以是函数。如果它是字符串,那么没有匹配都将由字符串替换。但是 replacement 中的 $ 字符具有特定的含义。举例:

<script>
  //"5=a,6=b,7=c"换成"a=5,b=6,c=7"
  var str="5=a,6=b,7=c";
  str=str.replace(/(\d+)=(\w)/g,"$2=$1");
  console.log(str);
</script>

Instanceof

<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title></title>
</head>
<body>
<script>
  var str="abc";
  console.log(str instanceof Array);//判断变量的类型是否为数组
  var arr=[];
  console.log(arr instanceof Array);
</script>
</body>
</html>

Location:

<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title></title>
</head>
<body>
<input type="button" value="按钮" id="btn"/>
<script>
  var btn=document.getElementById("btn");
  btn.onclick=function(){
    window.location.href="04键盘事件练习.html" rel="external nofollow" ;//链接的位置
  }
</script>
</body>
</html>

Screen:

<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title></title>
</head>
<body>
<script>
  //获取屏幕的分辨率
  console.log(screen.width);
  console.log(screen.height);
  //获取屏幕的分辨率 除去任务栏之后
  console.log(screen.availHeight);
  console.log(screen.availWidth);
</script>
</body>
</html>

PS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:

JavaScript正则表达式在线测试工具:
http://tools.jb51.net/regex/javascript

正则表达式在线生成工具:
http://tools.jb51.net/regex/create_reg

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript正则表达式技巧大全》、《JavaScript替换操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • 深入浅析js原型链和vue构造函数

    深入浅析js原型链和vue构造函数

    这篇文章主要介绍了js原型链和vue构造函数的相关知识,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2018-10-10
  • ES6教程之for循环和Map,Set用法分析

    ES6教程之for循环和Map,Set用法分析

    这篇文章主要介绍了ES6教程之for循环和Map,Set用法,结合实例形式分析了ECMAScript6中for循环和Map,Set基本概念、功能、使用方法与相关注意事项,需要的朋友可以参考下
    2017-04-04
  • js判断对象是否存在某个属性的几种办法技巧

    js判断对象是否存在某个属性的几种办法技巧

    这篇文章主要给大家介绍了关于js判断对象是否存在某个属性的几种办法技巧,判断对象中是否有某属性的常见方式总结,不同的场景要使用不同的方式,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-12-12
  • 微信小程序实现modal弹出框遮罩层组件(可带文本框)

    微信小程序实现modal弹出框遮罩层组件(可带文本框)

    这篇文章主要给大家介绍了关于微信小程序实现modal弹出框遮罩层组件(可带文本框)的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • 基于JS+Canves实现点击按钮水波纹效果

    基于JS+Canves实现点击按钮水波纹效果

    本文给大家分享基于js和canves实现点击按钮水波纹效果,效果非常逼真,对此感兴趣的朋友一起看看吧
    2016-09-09
  • JS this关键字在ajax中使用出现问题解决方案

    JS this关键字在ajax中使用出现问题解决方案

    这篇文章主要介绍了JS this关键字在ajax中使用出现问题解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • 正则表达式删除JavaScript代码中的空格、注释和换行符

    正则表达式删除JavaScript代码中的空格、注释和换行符

    这篇文章主要介绍了正则表达式删除JavaScript代码中的空格、注释和换行符,需要的朋友可以参考下
    2023-12-12
  • JavaScript实现的简单幂函数实例

    JavaScript实现的简单幂函数实例

    这篇文章主要介绍了JavaScript实现的简单幂函数,实例分析了javascript实现幂运算的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04
  • js提取中文拼音首字母的封装工具类

    js提取中文拼音首字母的封装工具类

    这篇文章主要给大家介绍了关于利用js实现的一个提取中文拼音首字母的封装工具类,文中给出了详细完整的示例代码,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以直接拿来用,下面随着小编来一起学习学习吧。
    2018-03-03
  • javaScript如何处理从java后台返回的list

    javaScript如何处理从java后台返回的list

    把List集合转成json格式传到界面上,这样js里面操作也简单,具体的解决方法如下,大家可以参考学习下
    2014-04-04

最新评论