Home Web Front-end JS Tutorial Comparison of the differences between test(), exec() and match() of js regular expressions (with examples)

Comparison of the differences between test(), exec() and match() of js regular expressions (with examples)

Aug 20, 2018 pm 03:11 PM
js regular expression

This article brings you the difference and comparison between test(), exec() and match() of js regular expressions (with examples). It has certain reference value and friends in need You can refer to it, I hope it will be helpful to you.

1. Regular expressions are usually used in

Two string methods: search(), replace()

Two regular expression methods: test(), exec()

search() method: takes a regular expression as a parameter and returns the starting position of the first matching substring, if there is no matching substring , it returns -1.

replace() method: Perform retrieval and replacement operations. Its first parameter is a regular expression, and the second parameter is the string or closure to be replaced.

test() method: Used to detect whether a string matches a certain pattern. If the string contains matching text, it returns true, otherwise it returns false.

exec() method: Used to retrieve matches of regular expressions in a string. This function returns an array containing the matching results. If no match is found, the return value is null.

match() method: The only parameter is the regular expression. Its behavior depends on the flag of this regular expression. If the regular expression contains the flag g, its return value It is an array containing the matches that appear in the string. If the regular expression does not contain the g flag, it also returns an array whose first element is the matched string and the remaining elements are the individual groups in the regular expression. Note: In global search mode, match() does not provide information about the text matched by the subexpression, nor does it declare the position of each matching substring. If you need this globally retrieved information, you can use RegExp.exec().

split() method: is able to support pattern matching.

2. The RegExp object defines two methods for pattern matching, they are exec() and test()

1. RegExp’s exec() method and String’s match() The method is very similar. It performs a regular expression match on a specified string. If no match is found, it returns null, otherwise it returns an array. The first element of this array contains the regular expression. The matched string, and all remaining elements contain the matched groups. Moreover, the index attribute of the regular expression object also contains the position of the string where the match occurred, and the input attribute refers to the retrieved string.
If the regular expression has the g flag, it will set the lastIndex property of the object to the position immediately following the matching string and start retrieval. If exec() does not find any match, it will reset the lastIndex property to 0. This special behavior allows you to call exec() repeatedly to iterate through all regular expression matches in a string.

2. The test() parameter of the RegExp object is a string. If this string contains a match of the regular expression, it returns true, otherwise it returns false
When a regular expression with the g flag When an expression calls the test() method, it behaves the same as exec(), that is, it retrieves the specific string starting at lastIndex, and if it finds a match, it sets lastIndex to the position of the character immediately following that match. , so that we can use the method test() to traverse the string.

test

test Returns Boolean to find whether the pattern exists in the corresponding string.

var str = "1a1b1c";
var reg = new RegExp("1.", "");
alert(reg.test(str)); // true
Copy after login

exec

exec finds and returns the current matching results as an array.

var str = "1a1b1c";
var reg = new RegExp("1.", "");
var arr = reg.exec(str);
Copy after login

If the pattern does not exist, arr is null, otherwise arr is always an array of length 1 whose value is the current match. arr also has three attributes: index is the position of the current match; lastIndex is the end position of the current match (index is the length of the current match); input In the above example, input is str.

The exec method is affected by parameter g. If g is specified, the next time exec is called, the search will start from the last matching lastIndex.

var str = "1a1b1c";
var reg = new RegExp("1.", "");
alert(reg.exec(str)[0]);
alert(reg.exec(str)[0]);
Copy after login

Both of the above outputs are 1a. Now look at the specified parameter g:

var str = "1a1b1c";
var reg = new RegExp("1.", "g");
alert(reg.exec(str)[0]);
alert(reg.exec(str)[0]);
Copy after login

The first output above is 1a, and the second output is 1b.

match

hjvar str = "1a1b1c";
var reg = new RegExp("1.", "");
alert(str.match(reg));
Copy after login

e method is a bit like exec, but: exec is a method of RegExp object; math is a method of String object. There is another difference between the two, which is the interpretation of the e parameter g.

If parameter g is specified, match returns all results at once.

var str = "1a1b1c";
var reg = new RegExp("1.", "g");
alert(str.match(reg));
//alert(str.match(reg)); // 此句同上句的结果是一样的
Copy after login

This result is an array with three elements: 1a, 1b, 1c.

compile method compiles the regular expression into an internal format, thereby executing faster.

var reg = new RegExp();
reg.compile("[a-z]{5}", "g");
alert(reg.test("cftea"));
Copy after login

When using the same regular expression multiple times (such as in a loop), the effect is significant.

Related recommendations:

JS Basic Series Regular Expressions

How to correctly understand the backtracking of regular expressions in js

The above is the detailed content of Comparison of the differences between test(), exec() and match() of js regular expressions (with examples). For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

What should I do if I encounter garbled code printing for front-end thermal paper receipts? What should I do if I encounter garbled code printing for front-end thermal paper receipts? Apr 04, 2025 pm 02:42 PM

Frequently Asked Questions and Solutions for Front-end Thermal Paper Ticket Printing In Front-end Development, Ticket Printing is a common requirement. However, many developers are implementing...

Who gets paid more Python or JavaScript? Who gets paid more Python or JavaScript? Apr 04, 2025 am 12:09 AM

There is no absolute salary for Python and JavaScript developers, depending on skills and industry needs. 1. Python may be paid more in data science and machine learning. 2. JavaScript has great demand in front-end and full-stack development, and its salary is also considerable. 3. Influencing factors include experience, geographical location, company size and specific skills.

Demystifying JavaScript: What It Does and Why It Matters Demystifying JavaScript: What It Does and Why It Matters Apr 09, 2025 am 12:07 AM

JavaScript is the cornerstone of modern web development, and its main functions include event-driven programming, dynamic content generation and asynchronous programming. 1) Event-driven programming allows web pages to change dynamically according to user operations. 2) Dynamic content generation allows page content to be adjusted according to conditions. 3) Asynchronous programming ensures that the user interface is not blocked. JavaScript is widely used in web interaction, single-page application and server-side development, greatly improving the flexibility of user experience and cross-platform development.

How to merge array elements with the same ID into one object using JavaScript? How to merge array elements with the same ID into one object using JavaScript? Apr 04, 2025 pm 05:09 PM

How to merge array elements with the same ID into one object in JavaScript? When processing data, we often encounter the need to have the same ID...

How to achieve parallax scrolling and element animation effects, like Shiseido's official website?
or:
How can we achieve the animation effect accompanied by page scrolling like Shiseido's official website? How to achieve parallax scrolling and element animation effects, like Shiseido's official website? or: How can we achieve the animation effect accompanied by page scrolling like Shiseido's official website? Apr 04, 2025 pm 05:36 PM

Discussion on the realization of parallax scrolling and element animation effects in this article will explore how to achieve similar to Shiseido official website (https://www.shiseido.co.jp/sb/wonderland/)...

Is JavaScript hard to learn? Is JavaScript hard to learn? Apr 03, 2025 am 12:20 AM

Learning JavaScript is not difficult, but it is challenging. 1) Understand basic concepts such as variables, data types, functions, etc. 2) Master asynchronous programming and implement it through event loops. 3) Use DOM operations and Promise to handle asynchronous requests. 4) Avoid common mistakes and use debugging techniques. 5) Optimize performance and follow best practices.

The difference in console.log output result: Why are the two calls different? The difference in console.log output result: Why are the two calls different? Apr 04, 2025 pm 05:12 PM

In-depth discussion of the root causes of the difference in console.log output. This article will analyze the differences in the output results of console.log function in a piece of code and explain the reasons behind it. �...

How to implement panel drag and drop adjustment function similar to VSCode in front-end development? How to implement panel drag and drop adjustment function similar to VSCode in front-end development? Apr 04, 2025 pm 02:06 PM

Explore the implementation of panel drag and drop adjustment function similar to VSCode in the front-end. In front-end development, how to implement VSCode similar to VSCode...

See all articles