JavaScript match()方法使用

1、JavaScript match() 方法说明
http://www.w3school.com.cn/jsref/jsref_match.asp

写法:

stringObject.match(searchvalue)
stringObject.match(regexp)

返回值:存放匹配结果的数组

2、match方法正则表达式参数用法

2.1 正则表达式无全局标志g

如果 regexp 没有标志 g,那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本, match() 将返回 null。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素存放的是匹配文本,而其余的元素存放的是与正则表达式的子表达式匹配的文本。除了这些常规的数组元素之外,返回的数组还含有两个对象属性。index 属性声明的是匹配文本的起始字符在 stringObject 中的位置,input 属性声明的是对 stringObject 的引用。

示例代码:

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <title>JavaScript match()方法使用</title>
        <style>
            * {
                margin: 0;
                padding: 0;
                font-size: 14px;
                font-family: "microsoft yahei";
                box-sizing: border-box;
            }

            p {
                text-indent: 2em;
                line-height: 25px;
            }
        </style>
    </head>

    <body>
        <p>
            前端对于网站来说,通常是指,网站的前台部分包括网站的表现层和结构层。因此前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括基本的HTML和CSS以及JavaScript/ajax,现在最新的高级版本HTML5、CSS3,以及SVG等。
        </p>
        <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>

        <script type="text/javascript">
            $(function() {
                var arr = new Array(),
                    str = $(‘p‘).text();
                //正则表达式无全局标志g
                arr = str.match(/(前端)/);
                //返回结果数组
                console.log(arr);
                //返回结果数组长度 本示例结果为:2
                console.log(‘返回结果数组长度:‘ + arr.length);
                //返回结果数组的第一个元素 本示例结果为:前端
                console.log(‘返回结果数组的第一个元素:‘ + arr[0]);
                //返回结果数组的第二个元素 本示例结果为:前端
                console.log(‘返回结果数组的第二个元素:‘ + arr[1]);
            })
        </script>
    </body>

</html>

结果为:

说明:若正则表达式无全局标志g,match没有匹配到的话,返回的结果数组为null;匹配到的话,数组返回2个元素,第一个元素为正则表达式匹配文本,第二个为匹配到的文本

2.2 正则表达式有全局标志g

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <title>JavaScript match()方法使用</title>
        <style>
            * {
                margin: 0;
                padding: 0;
                font-size: 14px;
                font-family: "microsoft yahei";
                box-sizing: border-box;
            }

            p {
                text-indent: 2em;
                line-height: 25px;
            }
        </style>
    </head>

    <body>
        <p>
            前端对于网站来说,通常是指,网站的前台部分包括网站的表现层和结构层。因此前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括基本的HTML和CSS以及JavaScript/ajax,现在最新的高级版本HTML5、CSS3,以及SVG等。
        </p>
        <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>

        <script type="text/javascript">
            $(function() {
                var arr = new Array(),
                    str = $(‘p‘).text();
                //正则表达式无全局标志g
                arr = str.match(/(前端)/g);
                //返回结果数组
                console.log(arr);
                //返回结果数组长度 本示例结果为:6
                console.log(‘返回结果数组长度:‘ + arr.length);

            })
        </script>
    </body>

</html>

结果:

如果 regexp 具有标志 g,则 match() 方法将执行全局检索,找到 stringObject 中的所有匹配子字符串。

总结:macth()方法的正则表达式不要忘记使用全局标志g

时间: 2024-10-28 17:31:03

JavaScript match()方法使用的相关文章

JavaScript match() 方法

match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配. 该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置. var str="Hello world!" document.write(str.match("world") + "<br />") document.write(str.match("World") + "<

JavaScript 字符串方法(二)

字符串大小写转换方法<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>大小写转换</title> </head> <body> <script type="text/javascript"> var str="HELLO world"

javascript的exec()和match()方法

转载自他人的博客,非原创 彻底领悟javascript中的exec与match方法 阅读本文之前,请先看下面一道题: 题目17:Read the following javascript code: var someText="web2.0 .net2.0";var pattern=/(\w+)(\d)\.(\d)/g;var outCome_exec=pattern.exec(someText);var outCome_matc=someText.match(pattern); Wh

JS match() 方法 使用

javascript中的match函数是使用正则表达式对字符串进行查找,并将查找的结果作为数组返回,在实际开发中非常的有用,使用方法如下: stringObj.match(rgExp) 其中stringObj是必选项.对其进行查找的 String 对象或字符串文字. rgExp是必选项.为包含正则表达式模式和可用标志的正则表达式对象.也可以是包含正则表达式模式和可用标志的变量名或字符串文字. 如果javascript中match函数方法没有找到匹配,返回 null.如果找到匹配返回一个数组并且更

JAVASCRIPT match()

定义和用法 match() 方法可在字符串中搜索指定的值,或与正则表达式的匹配的值. 语法 match(str/regexp) 参数 描述 str/regexp 必需.规定要检索的字符串或正则表达式. 例子 <script type="text/javascript"> var str="Hello world!"; document.write(str.match("world")); // world document.write

JavaScript 字符串方法

字符方法<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>字符方法</title> </head> <body> <script type="text/javascript"> /* charAt方法和charCodeAt方法都接收一个参数,基于0的字

js中test,exec和match方法

js中test,exec和match方法 转载▼ 标签: 杂谈 分类: jsp test test 返回 Boolean,查找对应的字符串中是否存在模式. var str = "1a1b1c";var reg = new RegExp("1.", "");alert(reg.test(str)); // true exec exec 查找并返回当前的匹配结果,并以数组的形式返回. var str = "1a1b1c";var

Firefox下javascript调试方法

前面博文谈了一下IE浏览器下javascript的调试方法,今天没事干就把火狐浏览器(Firefox)下的javascript调试方法也看了一下,记录在此,希望对大家有所帮助. 我们这次使用的代码页面为document获取对象博文中的按name属性获取对象的代码. <html> <head> <title>getElementsByName</title> </head> <body> <form id="form1&

javascript sort方法容易犯错的地方

sort方法用来对数组排序非常方便.但是sort(func)这个func参数的构造却很容易混淆. 这个func的作用是,把排序结果里任意相邻两项a,b放入到func里来执行,如果返回值都为-1,则为正序排列,如返回值都为1,则为逆序排列. 例如,[1,3,65,97,45,6,2] 如果要正序,就应该写成[1,3,65,97,45,6,2].sort(function(a, b){return a - b;}), 如果要逆序:[1,3,65,97,45,6,2].sort(function(a,