JavaScript Regex Dotall and Flags Properties

JavaScript regex provides two flag-related properties for validation. The object's "dotAll" and "flags" properties operate the flag with the regex pattern. The dotAll property shows the availability of the "s" flag with the regex. The flags property shows flags in reverse order.

JavaScript regex dotall property

The javascript regex "dotAll" property shows a Boolean value for the "s" flag's availability. If the "s" flag is available, the output is true; otherwise, the output is false.

Syntax

The following syntax is used to get the object prototype.

Description:

The dotAll shows the return value in Boolean format to get the availability of the "s" flag.

Examples

The following examples work for the dotAll property of regex and its value.

Example 1:

The example shows the regex format for the dotAll property. Here, we use regex directly with the availability.

<!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>

Output

The output shows the true value of the object function.

JavaScript Regex Dotall and Flags Properties

Example 2:

The example shows the regex format for the dotAll property. Here, we use regex directly with the property keyword. The "s" flag is unavailable, so the output shows a false value.

<!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>

Output

The output shows the false value of the object function.

Example 3:

The example shows the method of the regex pattern for the dotAll property. Here, we use the regex format with keywords to get output.

<!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>

Output

The output shows the native code of the object function.

JavaScript Regex Flags Property

The flags used in the Regular Expression can be obtained using the accessor property known as JavaScript RegExp flags. A string concatenation occurs because the flags are returned in alphabetical order.

Syntax

The following syntax is used to get the object flag value.

Description:

The flags show the return value in flag format in the ascending value.
If the flag is unavailable and uses the "flags" keyword, the output shows empty or space.

Examples

The following examples work for the flags property of regex and its value.

Example 1:

The example shows the regex format for the flags property. Here, we use property with regex directly to get output alphabetically.

<!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>

Output

The output shows the flag information in ascending order.

Example 2:

The example shows the flags property with the regex format. Here, we use property with regex directly to get alphabetically flagged data.

<!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>

Output

The output shows the flag information in ascending order.

Example 3:

The example shows the method of the regex pattern for the flags property. We use the regex format and mi flag with keywords to get output.

<!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>

Output

The output shows the flag information in ascending order.