关于JS中match() 和 exec() 返回值和属性的测试

语法：

exec() ：
RegExpObject.exec(string) 
match() ：
stringObject.match(string)
stringObject.match(regexp) 

知识点：

exec() 是RegExp对象的方法，而 match() 是String对象的方法。
都会返回包含第一个匹配项信息的数组；或者在没有匹配项的情况下返回null。
返回的数组虽然是Array 的实例，但包含两个额外的属性：index 和 input。其中，index 表示匹配项在字符串中的位置，而 input 表示应用正则表达式的字符串。
在数组中，第一项是与整个模式匹配的字符串，其他项是与模式中的捕获组匹配的字符串（如果模式中没有捕获组，则该数组只包含一项）。

测试：

对 match() 的测试代码：

var text = "mom and dad and baby";
var pattern = /(mom and )?(dad and )?baby/;
var matches = text.match(pattern);//pattern.exec(text);
console.log(matches.index);
console.log(matches.input);
console.log(matches[0]);
console.log(matches[1]);
console.log(matches[2]);

对 match() 的测试结果截图：

对 exec() 的测试代码：

var text = "mom and dad and baby";
var pattern = /(mom and )?(dad and )?baby/;
var matches = pattern.exec(text);//text.match(pattern);
console.log(matches.index);
console.log(matches.input);
console.log(matches[0]);
console.log(matches[1]);
console.log(matches[2]);

对 exec() 的测试结果截图：

String 对象方法

方法 描述 exec 检索字符串中指定的值。返回找到的值，并确定其位置 test 检索字符串中指定的值。返回 true 或 false。

String 对象方法

方法 描述 match() 找到一个或多个正则表达式的匹配。 replace() 替换与正则表达式匹配的子串。 search() 检索与正则表达式相匹配的值。

关于JS中match() 和 exec() 返回值和属性的测试就给大家介绍到这里，希望对大家有所帮助！

使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
sticky组件，通常应用于导航条或者工具栏，当网页在某一区域滚动的时候，将导航条或工具栏这类元素固定在页面顶部或底部，方便用户快速进行这类

浅谈Sticky组件的改进实现
在上一篇文章使用getBoundingClientRect方法实现简洁的sticky组件的方法介绍了一个sticky组件的简洁实现，经过这两天的思考，发现上次提供的实现还有较多

使用getBoundingClientRect方法实现简洁的sticky组件的方法
sticky组件，通常应用于导航条或者工具栏，当网页在某一区域滚动的时候，将导航条或工具栏这类元素固定在页面顶部或底部，方便用户快速进行这类