search
HomeWeb Front-endJS TutorialRegExp object object in JS regular_javascript skills

There are two ways to create instances of RegExp objects.

Use the explicit constructor of RegExp, the syntax is: new RegExp("pattern"[,"flags"]).
Use the implicit constructor of RegExp, in plain text format: /pattern/[flags]. The

pattern part is the regular expression pattern text to be used, which is required. In the first method, the pattern part exists in the form of a JavaScript string and needs to be enclosed in double quotes or single quotes; in the second method, the pattern part is nested between two "/" and quotation marks cannot be used. . The

flags part sets the flag information of the regular expression, which is optional. If the flags part is set, in the first way, it exists in the form of a string; in the second way, it is in the form of text immediately after the last "/" character. flags can be a combination of the following flag characters.
g is a global flag. If this flag is set, a search and replace operation on a text will affect all matching parts of the text. If this flag is not set, only the earliest match is searched and replaced.

i is a case-ignoring flag. If this flag is set, case will be ignored when doing match comparisons.

m is a multi-line flag. If this flag is not set, the metacharacter "^" will only match the beginning of the entire searched string, and the metacharacter "$" will only match the end of the searched string. If this flag is set, "^" can also be combined with " "or" " matches the position after (i.e. the beginning of the next line), and "$" can also match " "or" " matches the position after "(that is, the end of the next line).

Code 1.1 is an example of creating a regular expression.
Code 1.1 Create a regular expression: 1.1.htm

Copy code The code is as follows:



Create regular expression




The running result of the above code is shown in Figure 8.1.
Since "" in the JavaScript string is an escape character, use explicit. When the constructor creates a RegExp instance object, the "" in the original regular expression should be replaced with "". For example, the two statements in Code 1.2 are equivalent.
The "" in Code 1.2 escapes. :1.2.htm
Copy code The code is as follows:



Since the escape character in the regular expression pattern text is also "", if the literal character "" is to be matched in the regular expression, it must be represented by "" in the regular expression pattern text. When using explicit construction When creating a RegExp instance object using a function, you need to use "\" to represent the literal character "".
var re = new RegExp(\\).

1 Properties of RegExp object

The properties of RegExp object are divided into static properties and instance properties. They are introduced separately below.

1.1 Static attributes
(1) index attribute. It is the starting position of the first matching content of the current expression pattern, counting from 0. Its initial value is -1, and the index attribute will change every time there is a successful match.
(2) input attribute. Returns the current string being acted on, which can be abbreviated as $_, and the initial value is the empty string "".
(3)lastIndex attribute. It is the next position of the last character in the content that the current expression pattern first matches. Counting starts from 0. It is often used as the starting position when continuing the search. The initial value is -1, which means that the search starts from the starting position, and every time it succeeds When matching, the lastIndex attribute value will change accordingly.
(4)lastMatch attribute. Is the last matching string of the current expression pattern, which can be abbreviated as $&. Its initial value is the empty string "". The value of the lastMatch attribute changes with each successful match.
(5)lastParen attribute. If there is an enclosed submatch in the expression pattern, it is the substring matched by the last submatch in the current expression pattern, which can be abbreviated as $. Its initial value is the empty string "". The value of the lastParen attribute changes with each successful match.
(6) leftContext attribute. It is everything to the left of the last matching string in the current expression pattern, which can be abbreviated as $` (where "'" is the backquote mark under "Esc" on the keyboard). The initial value is the empty string "". Each time there is a successful match, its property value changes.
(7) rightContext attribute. It is everything on the right side of the last matching string in the current expression pattern, which can be abbreviated as $'. The initial value is the empty string "". Each time there is a successful match, its property value changes.
(8) $1…$9 attributes. These properties are read-only. If there are enclosed submatches in the expression pattern, the $1...$9 attribute values ​​are the contents captured by the first to ninth submatches respectively. If there are more than 9 submatches, the $1...$9 attributes correspond to the last 9 submatches respectively. In an expression pattern, you can specify any number of parenthesized submatches, but the RegExp object can only store the results of the last nine submatches. In the result array returned by some methods of the RegExp instance object, all submatch results within parentheses can be obtained.

1.2 Instance attributes

(1) global attribute. Returns the status of the global flag (g) specified when creating the RegExp object instance. If the g flag is set when creating a RegExp object instance, this property returns True, otherwise it returns False. The default value is False.
(2)ignoreCase attribute. Returns the status of the ignoreCase flag (i) specified when creating the RegExp object instance. If the i flag is set when creating a RegExp object instance, this property returns True, otherwise it returns False. The default value is False.
(3) multiLine attribute. Returns the status of the multiLine flag (m) specified when creating the RegExp object instance. If the m flag is set when creating a RegExp object instance, this property returns True, otherwise it returns False. The default value is False.
(4) source attribute. Returns the expression text string specified when creating the RegExp object instance.

RegExp object in JS (2)

2 Methods of RegExp object
Common methods of RegExp object include test, exec and compile, this section introduces the functions and usage of these methods. Finally, a comprehensive example is given of the properties and methods of the RegExp object.
2.1 test method
The syntax format is test(str). This method checks whether the expression pattern specified when creating a RegExp object instance exists in a string, and returns True if it exists, otherwise it returns False. If a match is found, the relevant static properties in the RegExp object are updated to reflect the match.
2.2 exec method
The syntax format is exec(str). This method searches a string using the expression pattern specified when creating the RegExp object instance and returns an array containing the search results.
If the global flag (g) is set for a regular expression, you can perform a continuous search in the string by calling the exec and test methods multiple times, each time starting the search for characters from the position specified by the lastIndex attribute value of the RegExp object string.
If the global flag (g) is not set, the exec and test methods ignore the lastIndex attribute value of the RegExp object and start searching from the beginning of the string.
If the exec method does not find a match, the return value is null; if a match is found, an array is returned, and the relevant static properties in the RegExp object are updated to reflect the match. Element 0 in the returned array contains the complete matching result, while elements 1 to n are the results of each submatch defined in the expression pattern.
The array returned by the exec method has three attributes, namely input, index and lastIndex.
The input attribute is the entire string being searched.
The index attribute refers to the position of the match in the entire searched string.
The lastIndex attribute refers to the character position next to the last character of the matched substring.
Code 2.1 is an application example of this method.
Code 2.1 exec() method application: 2.1.htm
Copy code The code is as follows:



exec() method application




2.3 compile method

The syntax format is compile("pattern"[,"flags"]). This method replaces the expression pattern used by the RegExp object instance and compiles the new expression pattern into an internal format, making subsequent matching processes faster. If an expression is to be reused in a loop, compiling it will speed up execution. However, there is no benefit from such compilation if the originally compiled expression pattern is used after any other expression pattern has been used in the program.

2.4 Comprehensive example

Code 2.2 is a comprehensive example of the RegExp object. Carefully analyzing the code and its operation results can help you better understand the RegExp object.
Code 2.2 Usage of RegExp object: 2.2.htm
Copy code The code is as follows:


Statement
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
Understanding the JavaScript Engine: Implementation DetailsUnderstanding the JavaScript Engine: Implementation DetailsApr 17, 2025 am 12:05 AM

Understanding how JavaScript engine works internally is important to developers because it helps write more efficient code and understand performance bottlenecks and optimization strategies. 1) The engine's workflow includes three stages: parsing, compiling and execution; 2) During the execution process, the engine will perform dynamic optimization, such as inline cache and hidden classes; 3) Best practices include avoiding global variables, optimizing loops, using const and lets, and avoiding excessive use of closures.

Python vs. JavaScript: The Learning Curve and Ease of UsePython vs. JavaScript: The Learning Curve and Ease of UseApr 16, 2025 am 12:12 AM

Python is more suitable for beginners, with a smooth learning curve and concise syntax; JavaScript is suitable for front-end development, with a steep learning curve and flexible syntax. 1. Python syntax is intuitive and suitable for data science and back-end development. 2. JavaScript is flexible and widely used in front-end and server-side programming.

Python vs. JavaScript: Community, Libraries, and ResourcesPython vs. JavaScript: Community, Libraries, and ResourcesApr 15, 2025 am 12:16 AM

Python and JavaScript have their own advantages and disadvantages in terms of community, libraries and resources. 1) The Python community is friendly and suitable for beginners, but the front-end development resources are not as rich as JavaScript. 2) Python is powerful in data science and machine learning libraries, while JavaScript is better in front-end development libraries and frameworks. 3) Both have rich learning resources, but Python is suitable for starting with official documents, while JavaScript is better with MDNWebDocs. The choice should be based on project needs and personal interests.

From C/C   to JavaScript: How It All WorksFrom C/C to JavaScript: How It All WorksApr 14, 2025 am 12:05 AM

The shift from C/C to JavaScript requires adapting to dynamic typing, garbage collection and asynchronous programming. 1) C/C is a statically typed language that requires manual memory management, while JavaScript is dynamically typed and garbage collection is automatically processed. 2) C/C needs to be compiled into machine code, while JavaScript is an interpreted language. 3) JavaScript introduces concepts such as closures, prototype chains and Promise, which enhances flexibility and asynchronous programming capabilities.

JavaScript Engines: Comparing ImplementationsJavaScript Engines: Comparing ImplementationsApr 13, 2025 am 12:05 AM

Different JavaScript engines have different effects when parsing and executing JavaScript code, because the implementation principles and optimization strategies of each engine differ. 1. Lexical analysis: convert source code into lexical unit. 2. Grammar analysis: Generate an abstract syntax tree. 3. Optimization and compilation: Generate machine code through the JIT compiler. 4. Execute: Run the machine code. V8 engine optimizes through instant compilation and hidden class, SpiderMonkey uses a type inference system, resulting in different performance performance on the same code.

Beyond the Browser: JavaScript in the Real WorldBeyond the Browser: JavaScript in the Real WorldApr 12, 2025 am 12:06 AM

JavaScript's applications in the real world include server-side programming, mobile application development and Internet of Things control: 1. Server-side programming is realized through Node.js, suitable for high concurrent request processing. 2. Mobile application development is carried out through ReactNative and supports cross-platform deployment. 3. Used for IoT device control through Johnny-Five library, suitable for hardware interaction.

Building a Multi-Tenant SaaS Application with Next.js (Backend Integration)Building a Multi-Tenant SaaS Application with Next.js (Backend Integration)Apr 11, 2025 am 08:23 AM

I built a functional multi-tenant SaaS application (an EdTech app) with your everyday tech tool and you can do the same. First, what’s a multi-tenant SaaS application? Multi-tenant SaaS applications let you serve multiple customers from a sing

How to Build a Multi-Tenant SaaS Application with Next.js (Frontend Integration)How to Build a Multi-Tenant SaaS Application with Next.js (Frontend Integration)Apr 11, 2025 am 08:22 AM

This article demonstrates frontend integration with a backend secured by Permit, building a functional EdTech SaaS application using Next.js. The frontend fetches user permissions to control UI visibility and ensures API requests adhere to role-base

See all articles

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

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Chat Commands and How to Use Them
1 months agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

SublimeText3 English version

SublimeText3 English version

Recommended: Win version, supports code prompts!

SecLists

SecLists

SecLists is the ultimate security tester's companion. It is a collection of various types of lists that are frequently used during security assessments, all in one place. SecLists helps make security testing more efficient and productive by conveniently providing all the lists a security tester might need. List types include usernames, passwords, URLs, fuzzing payloads, sensitive data patterns, web shells, and more. The tester can simply pull this repository onto a new test machine and he will have access to every type of list he needs.

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Integrate Eclipse with SAP NetWeaver application server.

VSCode Windows 64-bit Download

VSCode Windows 64-bit Download

A free and powerful IDE editor launched by Microsoft

EditPlus Chinese cracked version

EditPlus Chinese cracked version

Small size, syntax highlighting, does not support code prompt function