Js篇-面试题3-"123456789".match(/\d{3,5}?/g)的结果是什么

虽互不曾谋面,但希望能和您成为笔尖下的朋友

以读书,技术,生活为主,偶尔撒点鸡汤

不作,不敷衍,意在真诚吐露,用心分享

点击左上方,可关注本刊

标星公众号（ID：itclanCoder）

如果不知道如何操作

点击这里,标星不迷路

━━━━━━

"123456789".match(/\d{3,5}?/g)的结果是什么?

正则表达式: 考察match的用法

答案: ["123", "456", "789"]

解析

match方法的返回值是存放首次匹配内容的数组。如果没有找到匹配结果，返回 null

用法：stringObject.match(searchvalue | regexp)，这里介绍一下regexp模式

返回值：存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g

使用描述

该match()方法将检索字符串stringObject，以找到一个或多个与regexp匹配的文本。这个方法的行为在很大程度上有赖于 regexp是否具有标志g

如果 regexp 没有标志 g，即全局匹配,那么match()方法就只能在stringObject 中执行一次匹配

如果没有找到任何匹配的文本,match()将返回null。否则，它将返回一个数组，其中存放了与它找到的匹配文本有关的信息

如下示例所示

let str="itclanCoder";
console.log(str.match("C"));

输出结果

["C", index: 6, input: "itclanCoder", groups: undefined]

该数组的第 0 个元素存放的是匹配文本，而其余的元素存放的是与正则表达式的子表达式匹配的文本。除了这些常规的数组元素之外，返回的数组还含有两个对象属性。

index属性声明的是匹配文本的起始字符在 stringObject中的位置，input 属性声明的是对 stringObject 的引用

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

若没有找到任何匹配的子串，则返回 null。

如果找到了一个或多个匹配子串，则返回一个数组。不过全局匹配返回的数组的内容与前者大不相同，它的数组元素中存放的是 stringObject中所有的匹配子串，而且也没有 index 属性或 input属性

• 不带修饰符g

var url = 'http://www.baidu.com?a=1&b=2&c=3';
var reg = /([^?&=]+)=([^?&=])*/;
var result = url.match(reg);
console.log(result);//["a=1", "a", "1", index: 21, input: "http://www.baidu.com?a=1&b=2&c=3", groups: undefined]
console.log(result.index);  // 21
console.log(result.input);  // http://www.baidu.com?a=1&b=2&c=3

• 带修饰符的 g

var url = 'http://www.baidu.com?a=1&b=2&c=3';
var reg = /([^?&=]+)=([^?&=])*/g;
var result = url.match(reg);
console.log(result);    //["a=1", "b=2", "c=3"]
console.log(result.index);  //undefined
console.log(result.input);  //undefined

有全局 g 匹配和无 g,是不一样的

而在本题中的"123456789".match(/\d{3,5}?/g),从123456789字符传中第 3 个位置查找,结束位置在第 5 个位置,全局匹配查找,最终会返回一个数组[123, 456, 789]

这个match方法有时候会很有用,在匹配某查找一字符串参数的时候,经常在面试中,被问到,怎么将一url中的参数给提取出来的,此时这个方法就很有用了的

---

公众号（ID：itclanCoder）

码能让您早脱菜籍，文能让您洗净铅华

  可能您还想看更多：

Js篇-面试题2-Promise 执行顺序问题

CSS篇-面试题4-外边距问题

Js篇-面试题1-有关变量-词法块级作用域