javascript中正则表达式应用学习_match()

最新推荐文章于 2024-05-15 09:53:56 发布
最新推荐文章于 2024-05-15 09:53:56 发布
阅读量3.7k 收藏
点赞数
分类专栏： 开发语言 文章标签： javascript 正则表达式 input null button function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/youlin/article/details/120607
版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
var s = "The rain in Spain falls mainly in the plain";
function MatchDemo(){
   var r, re;         // 声明变量。
  // var s = "The rain in Spain falls mainly in the plain";
   re = /ain/;    // 创建正则表达式模式。
   r = s.match(re);   // 尝试匹配搜索字符串。
   alert(r);
   if(r != null)alert(r.length);
   if(r != null)alert("the regular's input is : " + r.input);
   if(r != null)alert("the regular's index is : " + r.index);
   if(r != null)alert("the regular's lastIndex is : " + r.lastIndex);
   return(r);         // 返回第一次出现 "ain" 的地方。
}
function MatchDemo_i(){
   var r, re;         // 声明变量。
  //var s = "The rain in Spain falls mainly in the plain";
   re = /ain/i;    // 创建正则表达式模式。
   r = s.match(re);   // 尝试匹配搜索字符串。
   alert(r);
   if(r != null)alert(r.length);
   if(r != null)alert("the regular's input is : " + r.input);
   if(r != null)alert("the regular's index is : " + r.index);
   if(r != null)alert("the regular's lastIndex is : " + r.lastIndex);
   return(r);         // 返回第一次出现 "ain" 的地方。
}
function MatchDemo_g(){
   var r, re;         // 声明变量。
   //var s = "The rain in Spain falls mainly in the plain";
   re = /ain/g;    // 创建正则表达式模式。
   r = s.match(re);   // 尝试匹配搜索字符串。
   alert(r);
   if(r != null)alert(r.length);
   if(r != null)alert("the regular's input is : " + r.input);
   if(r != null)alert("the regular's index is : " + r.index);
   if(r != null)alert("the regular's lastIndex is : " + r.lastIndex);
   return(r);         // 返回第一次出现 "ain" 的地方。
}
function MatchDemo_ig(){
   var r, re;         // 声明变量。
  // var s = "The rain in Spain falls mainly in the plain";
   re = /ain/ig;    // 创建正则表达式模式。
   r = s.match(re);   // 尝试匹配搜索字符串。
   alert(r);
   if(r != null)alert(r.length);
   if(r != null)alert("the regular's input is : " + r.input);
   if(r != null)alert("the regular's index is : " + r.index);
   if(r != null)alert("the regular's lastIndex is : " + r.lastIndex);
   return(r);         // 返回第一次出现 "ain" 的地方。
}
function replaceStr(){
 var re=/ain/;
 s = s.replace(re,"TEST");
 alert("the string change to : " + s);
}
function replaceStr_i(){
 var re=/ain/i;
 s = s.replace(re,"TEST");
 alert("the string change to : " + s);
}
function replaceStr_g(){
 var re=/ain/g;
 s = s.replace(re,"TEST");
 alert("the string change to : " + s);
}
function replaceStr_ig(){
 var re=/ain/ig;
 s = s.replace(re,"TEST");
 alert("the string change to : " + s);
}
//-->
</SCRIPT>
字符串：The rain in Spain falls mainly in the plain
<p>
<input type="button" value="MatchDemo()" οnclick="javascript:MatchDemo()"/>
<input type="button" value="MatchDemo_i()" οnclick="javascript:MatchDemo_i()"/>
<input type="button" value="MatchDemo_g()" οnclick="javascript:MatchDemo_g()"/>
<input type="button" value="MatchDemo_ig()" οnclick="javascript:MatchDemo_ig()"/>
<input type="button" value="replaceStr()" οnclick="javascript:replaceStr()"/>
<input type="button" value="replaceStr_i()" οnclick="javascript:replaceStr_i()"/>
<input type="button" value="replaceStr_g()" οnclick="javascript:replaceStr_g()"/>
<input type="button" value="replaceStr_ig()" οnclick="javascript:replaceStr_ig()"/>
</BODY>
</HTML>

说明

如果 match 方法没有找到匹配，返回 null。如果找到匹配返回一个数组并且更新全局 RegExp 对象的属性以反映匹配结果。

match 方法返回的数组有三个属性：input、index和lastIndex。Input 属性包含整个的被查找字符串。Index 属性包含了在整个被查找字符串中匹配的子字符串的位置。LastIndex 属性包含了最后一次匹配中最后一个字符的下一个位置。

如果没有设置全局标志 (g)，数组的0元素包含整个匹配，而第 1 到 n 元素包含了匹配中曾出现过的任一个子匹配。这相当于没有设置全局标志的 exec 方法。如果设置了全局标志，元素0到n中包含所有匹配。

noosphere
关注
专栏目录
WheelView自定义滚轮视图
09-22
类似iPhone时间设置效果。 工程中自定义了该view类，并给出了范例Activity，使用该iew实现城市选择、时间设置、动态生存密码的效果。
WheelView
weixin_41733225的博客
06-10 1937
klkl
安卓中滑动选择控件WheelView
英勇的博客
07-17 3014
安卓中的滑动选择控件WheelView，可以用它来实现各种各样的滑动选择控件，例如日期选择、城市选择等等。
【造轮子系列】转轮选择工具——WheelView
十个雨点的博客
07-03 6396
实现转轮的选择功能，效果见下图:本项目是由这个项目修改而成，不过基本上除了原来的大体框架以外，内部的实现逻辑全都做了大量修改，各位看官可以对比参考，在此必须感谢原作者给我的启发。先上源码：WheelView实现一个自定义View最基本步骤有： * 设计attribute属性 * 实现构造函数，在构造函数中读取attribute属性并使用 * 重写onMeasure方法 * 重写onDraw方
推荐使用：WheelView——优雅的Android滚轮控件
最新发布
gitblog_00051的博客
05-15 847
推荐使用：WheelView——优雅的Android滚轮控件 WheelViewAndroid滚轮控件，基于ListView实现，可以自定义样式。项目地址:https://gitcode.com/gh_mirrors/whe/WheelView 1、项目介绍 WheelView 是一款专为Android平台打造的滚轮选择控件，由venshine开发并开源。基于ListView实现，它可以自定义样...
调试JavaScript中正则表达式中遇到的问题
10-24
在JavaScript中，正则表达式是处理字符串的强大工具，但同时也可能带来许多调试难题。本文将探讨在使用正则表达式时可能出现的问题，特别是`test()`和`exec()`这两个常见方法的区别及其潜在陷阱。 首先，`test()`...
简述JavaScript中正则表达式的使用方法
10-24
接下来我们将详细介绍JavaScript中正则表达式的使用方法。 首先，要创建一个正则表达式对象，有两种方式： 1. 使用RegExp()构造函数，如：`var pattern = new RegExp('pattern', 'attributes');` 2. 使用正则...
javascript中正则表达式语法详解
10-14
JavaScript中的正则表达式是一种强大的工具，用于匹配和操作字符串中的特定模式。正则表达式由一系列字符和特殊符号构成，可用来执行搜索、替换、分割等操作。下面将详细地介绍正则表达式的构成与用法，以及在...
Javascript中正则表达式的全局匹配模式分析
10-28
### Javascript中正则表达式的全局匹配模式分析 在JavaScript中，正则表达式是一种强大的文本处理工具，它允许开发者通过特定的语法来定义字符串的模式，从而实现复杂的搜索、匹配、替换等操作。当涉及到正则表达式...
安卓 车轮视图 WheelView kotlin
我怀里的猫的博客
11-08 1054
有个需求涉及到类似这个视图，于是在网上找了个轮子，自己改吧改吧用，拿来主义当然后，但做事不仅要知其然，还要知其所以然，所以拿来用的同时还要理解。于是就有了本文。主要还是考查自定义view相关能力。
Android代码-仿iOS的滑动选择wheelview控件
08-06
PickerUI Android library to display a list of items for pick one with blur effect (if you wish). Support for Android 3.0 and up. It supports portrait and landscape mode, saving the state. Try out the sample application on Google Play. Demo Including in Your Project Last version is 1.0.1 Just add the following statement in your build.gradle compile 'com.github.davidpizarro:pickerui:VERSION' You may also add the library as an Android Library to your project. All the library files live in li
Android竖直滑动选择器WheelView的实现
yun382657988的博客
12-03 1万+
Android4.0以上的DatePicker，时间选择器，想必大家不会陌生，如下所示效果 今天我们仿照DatePicker的效果，来实现自定义的WheelView，它可以实现选择年龄、身高、体重。实现后的效果如下   下面是代码实现的过程 1、MainActivity的xml布局文件 &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt...
Android WheelView 详解
热门推荐
mingyunxiaohai的专栏
05-18 2万+
以前写过一个基于WheelView的时间选择器（github地址）其实WheelView不仅仅可以用来做时间控件，大家肯定也见过用它做的城市选择控件，身高选择控件等等。先看几个网上找到的图片：            这只是几个控件，图上的每一个可以滑动的Veiw都是一个WheelView，大家完全可以把它当作一个ListView来看。用我们平时写ListView的思维去写它，在配合Po
android wheelView
h183288132的专栏
07-16 4016
博客地址 : http://blog.csdn.net/shulianghan/article/details/41520569 代码下载 :  -- GitHub : https://github.com/han1202012/WheelViewDemo.git  -- CSDN : http://download.csdn.net/detail/han1202012/82089
RecyclerView 实现WheelView和省市区多级联动
maniuT的博客
07-01 768
滚轮经常在选择中用到，主要包括类型选择省市区联动选择年月日联动选择等。项目中的WheelView一般都是组合完成的。但是自定义起来比较复杂，也有一些优秀的第三方库DateSelecter 通过Adapter的思想来灵活解决自定义的问题。但是既然用到了Adapter的思想，那为啥不利用来实现呢？，毕竟我们比较熟悉也方便和项目中现有的Adapter复用。于是我基于对Adapter低侵入性，逻辑单独封装成支持通过Adapter自定义WheelView样式支持横向和竖向支持自定义。
Android 实现自定义的WheelView选择器
Kenway090704的博客
07-04 9851
最近有项目中需要用到一个这个滚动轮，刚拿到原型一看，这不就是一个ListView么？但是当我用ListView写完后，我发现有问题， 1.ListView不会整条滚动， 2.无法准确的获取第一数据后来网上查找，发现有类似的控件，那么就不用自己实现了，直接使用。现在很多地方都用到了滚轮布局WheelView，比如在选择生日的时候，风格类似系统提供的DatePickerDialog，开源的控件也有很
Android 自定义WheelView滚动控件
刘鑫的博客
12-03 1141
项目中用到一个比较觉得不错的控件：WheelView，即上下滚动View。它是继承ScrollView实现，在Android各版本上的效果都是如下：也许在git上有许多这样功能的控件，但个人认为这个控件实现的方式简单，比较让人容易理解，对自定义控件的实现有借鉴意义，故在此做个记录。 上代码： package com.example.demo; import android.content....
Android时间轴控件-WheelView
尹人入胜的博客
11-16 2637
在做时间轴或者某些类型的选择时，有时候设计师会给我们出类似下面的效果： 因此，我们就需要重新自定义scrollview,，也就是移动端常用的时间轴控件：WheelView 实现方式直接上代码： public class WheelView extends ScrollView { public static final String TAG = WheelView.class.getSi...
Android-循环滚轮控件WheelView,助你快速开发项目!
九千行代码的博客
04-12 404
一款好的滚轮滑动控件可以帮助你实现很多基本控件和ui样式,比如时间滚轮,选项的滚轮等!
C、Java、JavaScript正则表达式全面解析
下面将分别介绍这三种语言中正则表达式的使用。 1. **C中的正则表达式** 在C语言中，正则表达式的处理通常依赖于外部库，如POSIX标准的`<regex.h>`库。使用`regcomp()`函数编译正则表达式，然后用`regexec()`来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值