JavaScript RegExp Dotall 和 Flags 属性

2025年3月18日 | 阅读 5 分钟

JavaScript 正则表达式提供了两个与标志相关的属性用于验证。对象的 "dotAll" 和 "flags" 属性用于操作正则表达式模式的标志。dotAll 属性显示 "s" 标志的可用性。flags 属性以反向顺序显示标志。

JavaScript 正则表达式 dotall 属性

JavaScript 正则表达式的 "dotAll" 属性显示 "s" 标志可用性的布尔值。如果 "s" 标志可用，则输出为 true；否则，输出为 false。

语法

以下语法用于获取对象原型。

描述

"dotAll" 以布尔格式显示返回值，用于获取 "s" 标志的可用性。

示例

以下示例演示了正则表达式的 dotAll 属性及其值。

示例 1

该示例显示了 dotAll 属性的正则表达式格式。此处，我们直接使用带可用性的正则表达式。

<!DOCTYPE html>
<html>
<head>
    <title>
        JavaScript RegExp dotAll property
    </title>
    <style>
        #demo1 {
            background-color: orange;
            border: 1px solid black;
            width: 370px;
        }
    </style>
</head>
<body>
    <div id="demo1">
        <h3>
            JavaScript RegExp dotAll property
        </h3>
        <h4> The dotAll property gets the availability using the regex function
        </h4>
        <!-- Click the button to get the properties output. -->
        <button onclick="display_value();"> Click Here! </button>
        <div id="regex_dotall"> </div>
    </div>
    <script>
        function display_value() {
            //Use regex pattern with the "s" flag 
            let dotall_pattern = /javascript/s;
            // add dotAll property using regex pattern
            var final_result = dotall_pattern.dotAll;
            // get Boolean format output (true) in div tag 
            var ele_demo = document.getElementById("regex_dotall");
            ele_demo.innerHTML = "Available dotall property: " + final_result;
        }
    </script>
</body>
</html>

输出

输出显示了对象函数的 true 值。

JavaScript Regex Dotall and Flags Properties

示例 2

该示例显示了 dotAll 属性的正则表达式格式。此处，我们直接使用属性关键字和正则表达式。由于 "s" 标志不可用，因此输出显示 false 值。

<!DOCTYPE html>
<html>
<head>
    <title>
        JavaScript RegExp dotAll property
    </title>
    <style>
        #demo1 {
            background-color: orange;
            border: 1px solid black;
            width: 280px;
        }
    </style>
</head>
<body>
    <div id="demo1">
        <h3>
            JavaScript RegExp dotAll property
        </h3>
        <h4> The dotAll property gets the availability using the regex function
        </h4>
        <!-- Click the button to get the properties output. -->
        <button onclick="display_value();"> Click Here! </button>
        <div id="regex_dotall"> </div>
    </div>
    <script>
        function display_value() {
            //Use the required regex format
            let dotall_pattern = /^good$/;
            //use regex format for dotAll property
            var final_result = dotall_pattern.dotAll;
            //// get Boolean (format) in div tag 
            var ele_demo = document.getElementById("regex_dotall");
            ele_demo.innerHTML = "Available dotall property: " + final_result;
        }
    </script>
</body>
</html>

输出

输出显示了对象函数的 false 值。

示例 3

该示例显示了 dotAll 属性的正则表达式模式方法。此处，我们使用带关键字的正则表达式格式来获取输出。

<!DOCTYPE html>
<html>
<head>
    <title>
        JavaScript RegExp constructor property
    </title>
    <style>
        #demo1 {
            background-color: orange;
            border: 1px solid black;
            width: 280px;
        }
    </style>
</head>
<body>
    <div id="demo1">
        <h3>
            JavaScript RegExp dotAll property
        </h3>
        <h4> The dotAll property gets the availability using the regex function
        </h4>
        <!-- Click the button to get the properties output. -->
        <button onclick="display_value();"> Click Here! </button>
        <div id="regex_constructor"> </div>
    </div>
    <script>
        function display_value() {
            //use regex pattern with the s flag
            let input_str = new RegExp("a{2, }", "s");
            //use dotAll syntax with the object of the regex
            var final_result = input_str.dotAll;
            //Get the output in the div tag as a true
            var ele_demo = document.getElementById("regex_constructor");
            ele_demo.innerHTML = "Available constructor: " + final_result;
        }
    </script>
</body>
</html>

输出

输出显示了对象函数的原生代码。

JavaScript 正则表达式 Flags 属性

正则表达式中使用的标志可以通过一个称为 JavaScript RegExp flags 的访问器属性来获取。由于标志按字母顺序返回，因此会发生字符串连接。

语法

以下语法用于获取对象的 flag 值。

描述

"flags" 以升序格式显示返回值。
如果标志不可用且使用了 "flags" 关键字，则输出显示为空或空格。

示例

以下示例演示了正则表达式的 flags 属性及其值。

示例 1

该示例显示了 flags 属性的正则表达式格式。此处，我们直接使用带正则表达式的属性来按字母顺序获取输出。

<!DOCTYPE html>
<html>
<head>
    <title>
        JavaScript RegExp flags property
    </title>
    <style>
        #demo1 {
            background-color: orange;
            border: 1px solid black;
            width: 280px;
        }
    </style>
</head>
<body>
    <div id="demo1">
        JavaScript RegExp flags property
        </h3>
        <h4> The flags property gets the available flags or modifiers using the regex function
        </h4>
        <!-- Click the button to get the properties output. -->
        <button onclick="display_value();"> Click Here! </button>
        <div id="regex_flags"> </div>
    </div>
    <script>
        function display_value() {
            //use required regex pattern
            let flags_pattern = /^[a-d]/sd;
            //use flags property with regex pattern object
            var final_result = flags_pattern.flags;
            //Get the sd as an output in the div tag
            var ele_demo = document.getElementById("regex_flags");
            ele_demo.innerHTML = "Available flags property: " + final_result;
        }
    </script>
</body>
</html>

输出

输出以升序显示了标志信息。

示例 2

该示例显示了 flags 属性的正则表达式格式。此处，我们直接使用带正则表达式的属性来获取按字母顺序排列的标志数据。

<!DOCTYPE html>
<html>
<head>
    <title>
        JavaScript RegExp flags property
    </title>
    <style>
        #demo1 {
            background-color: orange;
            border: 1px solid black;
            width: 280px;
        }
    </style>
</head>
<body>
    <div id="demo1">
        <h3>
            JavaScript RegExp flags property
        </h3>
        <h4> The flags property gets the available flags or modifier using the regex function
        </h4>
        <!-- Click the button to get the properties output. -->
        <button onclick="display_value();"> Click Here! </button>
        <div id="regex_flags"> </div>
        <script>
            function display_value() {
                //use regex format with required flags 
                let flags_pattern = /^[a-d]/dm;
                //use flags property with regex pattern object
                var final_result = flags_pattern.flags;
                //get the dm as an output in the div tag
                var ele_demo = document.getElementById("regex_flags");
                ele_demo.innerHTML = "Available flags property: " + final_result;
            }
        </script>
</body>
</html>

输出

输出以升序显示了标志信息。

示例 3

该示例显示了 flags 属性的正则表达式模式方法。我们使用正则表达式格式和 mi 标志以及关键字来获取输出。

<!DOCTYPE html>
<html>
<head>
    <title>
        JavaScript RegExp flags property
    </title>
    <style>
        #demo1 {
            background-color: orange;
            border: 1px solid black;
            width: 280px;
        }
    </style>
</head>
<body>
    <div id="demo1">
        <h3>
            JavaScript RegExp flags property
        </h3>
        <h4> The flags property gets the available flags or modifiers using the regex function
            </h4>
            <!-- Click the button to get the properties output. -->
            <button onclick="display_value();"> Click Here! </button>
            <div id="regex_constructor"> </div>
    </div>
    <script>
        function display_value() {
            //Use regex pattern with the mi flag
            let input_str = new RegExp("a{2, }", "mi");
            //use flags syntax with the object of the regex
            var final_result = input_str.flags;
            //Get the output in the div tag as a true
            var ele_demo = document.getElementById("regex_constructor");
            ele_demo.innerHTML = "Available constructor: " + final_result;
        }
    </script>
</body>
</html>

输出

输出以升序显示了标志信息。

结论

该属性获取带有额外标志或修饰符的正则表达式模式。

下一主题如何在 JavaScript 中从数组中删除第一个元素

JavaScript RegExp Dotall 和 Flags 属性

JavaScript 正则表达式 dotall 属性

语法

示例

JavaScript 正则表达式 Flags 属性

语法

示例

结论

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

JavaScript 基础

JS 变量和数据类型

JS 控制语句

JavaScript 函数

JavaScript 对象

JS 高级函数

JS Promises & Async/Await

JavaScript DOM

JavaScript JSON 对象

JavaScript 验证

JavaScript Cookies

异常处理

JavaScript 集合

JavaScript 事件

JavaScript OOPs

JavaScript BOM

面试题

选择题

差异

JavaScript Map 方法

JavaScript Handler

JavaScript Number 方法

JavaScript Reflect

JavaScript Symbol

Symbol 属性

JavaScript Math 方法

JavaScript Date 方法

JavaScript DataView

JavaScript Object 方法

JavaScript Set 方法

JavaScript 字符串方法

JavaScript TypedArray 方法

JavaScript WeakMap 方法

JavaScript WeakSet 方法

JavaScript 数组方法

JavaScript RegExp 对象

JavaScript 附加内容

JavaScript 杂项

JavaScript 进阶

问题

Lodash

JavaScript RegExp Dotall 和 Flags 属性

JavaScript 正则表达式 dotall 属性

语法

示例

JavaScript 正则表达式 Flags 属性

语法

示例

结论

相关帖子

Javascript DOMContentLoaded 事件

JavaScript 向量

JavaScript 原型继承

JavaScript .append

迭代 JavaScript Map

JavaScript 图像源

2025 年最佳 JavaScript 框架

JavaScript 优先队列

JavaScript 中的二进制数

如何使用 JavaScript 多维数组