JavaScript RegExp $ 量词

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

JavaScript 正则表达式使用 "$" 量词来获取字符串末尾的输入字符。 $ 量词使用方法来过滤输入信息末尾的值。修饰符使用 regexp 方法和量词来操作、替换、搜索和匹配数据。

语法

以下语法使用正则表达式 "$" 量词来获取不可用字符。

或

描述

全局、多行和不区分大小写的修饰符与正则表达式量词一起使用。
"value" 代表字符串末尾的输入字符。

支持的浏览器

给出的浏览器支持 JavaScript 正则表达式 "$" 量词。

边
火狐
谷歌浏览器
Internet Explorer
Opera
Safari

示例

下面的示例使用 JavaScript 中的正则表达式和 $ 量词，通过不同的方法、值和修饰符进行工作。

示例 1

该示例使用 match() 方法和正则表达式量词的不同值。第一个值显示 null 输出，第二个值显示字符串末尾的可用值。

<!DOCTYPE html>
<html>

<head>
    <title>
        JavaScript RegExp quantifier
    </title>
    <style>
        #demo1 {
            background-color: orange;
            border: 1px solid black;
            width: 370px;
        }
    </style>
</head>

<body>
    <div id="demo1">
        <h3>
            JavaScript RegExp $ quantifier
        </h3>
        <h4> The regex $ quantifier operates with the match method
        </h4>
        <div id="regex_quantifier"></div>
        <div id="regex_quantifier2"></div>
        <button onclick="quant_click();"> Click Here! </button>
    </div>
    <script>
        function quant_click() {
            //not available character at the end string
            var quant_q1 = "is java and javascript language learn from TpointTech website";
            let quantifier_pattern = /java$/g;
            var quant_alter1 = quant_q1.match(quantifier_pattern);
            var quant_ele = document.getElementById("regex_quantifier");
            quant_ele.innerHTML = "Available java character: " + quant_alter1;
            //available character at the end string
            let quantifier_pattern2 = /website$/g;
            var quant_alter2 = quant_q1.match(quantifier_pattern2);
            var quant_ele2 = document.getElementById("regex_quantifier2");
            quant_ele2.innerHTML = "Available website character: " + quant_alter2;
        }
    </script>
</body>

</html>

输出

输出显示了字符串的可用字符。

示例 2

该示例使用 search() 方法和各种正则表达式量词值。第一个值显示 "-1" 输出，第二个值显示字符的位置。

<!DOCTYPE html>
<html>

<head>
    <title>
        JavaScript RegExp quantifier
    </title>
    <style>
        #demo1 {
            background-color: orange;
            border: 1px solid black;
            width: 370px;
        }
    </style>
</head>

<body>
    <div id="demo1">
        <h3>
            JavaScript RegExp $ quantifier
        </h3>
        <h4> The regex $ quantifier operates with the search method
        </h4>
        <div id="regex_quantifier"></div>
        <div id="regex_quantifier2"></div>
        <button onclick="quant_click();"> Click Here! </button>
    </div>
    <script>
        function quant_click() {
            //not available character at the end string
            var quant_q1 = "is java and javascript language learn from TpointTech website";
            let quantifier_pattern = /do$/g;
            var quant_alter1 = quant_q1.search(quantifier_pattern);
            var quant_ele = document.getElementById("regex_quantifier");
            quant_ele.innerHTML = "Available java character: " + quant_alter1;
            //available character at the end string
            let quantifier_pattern2 = /site$/g;
            var quant_alter2 = quant_q1.search(quantifier_pattern2);
            var quant_ele2 = document.getElementById("regex_quantifier2");
            quant_ele2.innerHTML = "Available website character: " + quant_alter2;
        }
    </script>
</body>

</html>

输出

输出显示了输入字符串的可用位置。

Example3

该示例使用 test() 方法和正则表达式量词的各种值。第一个值显示 "false" 输出，第二个值显示 "true" 输出。

<!DOCTYPE html>
<html>

<head>
    <title>
        JavaScript RegExp quantifier
    </title>
    <style>
        #demo1 {
            background-color: orange;
            border: 1px solid black;
            width: 370px;
        }
    </style>
</head>

<body>
    <div id="demo1">
        <h3>
            JavaScript RegExp $ quantifier
        </h3>
        <h4> The regex $ quantifier operates with the test method
        </h4>
        <div id="regex_quantifier"></div>
        <div id="regex_quantifier2"></div>
        <button onclick="quant_click();"> Click Here! </button>
    </div>
    <script>
        function quant_click() {
            //not available character at the end string
            var quant_q1 = "is java and javascript language learn from TpointTech website";
            let quantifier_pattern = /do$/g;
            var quant_alter1 = quantifier_pattern.test(quant_q1);
            var quant_ele = document.getElementById("regex_quantifier");
            quant_ele.innerHTML = "Available java character: " + quant_alter1;
            //available character at the end string
            let quantifier_pattern2 = /site$/g;
            var quant_alter2 = quantifier_pattern2.test(quant_q1);
            var quant_ele2 = document.getElementById("regex_quantifier2");
            quant_ele2.innerHTML = "Available website character: " + quant_alter2;
        }
    </script>
</body>

</html>

输出

输出显示了输入字符串的布尔值。

Example4

该示例使用 replace() 方法和正则表达式量词的替换值。我们可以使用正则表达式模式和正则表达式的新关键字来替换值。

<!DOCTYPE html>
<html>

<head>
    <title>
        JavaScript RegExp quantifier
    </title>
    <style>
        #demo1 {
            background-color: orange;
            border: 1px solid black;
            width: 370px;
        }
    </style>
</head>

<body>
    <div id="demo1">
        <h3>
            JavaScript RegExp $ quantifier
        </h3>
        <h4> The regex $ quantifier operates with the replace method
        </h4>
        <p> input: is java and javascript language learn from TpointTech website</p>
        <div id="regex_quantifier"></div>
        <div id="regex_quantifier2"></div>
        <button onclick="quant_click();"> Click Here! </button>
    </div>
    <script>
        function quant_click() {
            //available character at the end string with regex pattern
            var quant_q1 = "is java and javascript language learn from TpointTech website";
            let quantifier_pattern = /website$/g;
            let replace_val = "online tutorial"
            var quant_alter1 = quant_q1.replace(quantifier_pattern, replace_val);
            var quant_ele = document.getElementById("regex_quantifier");
            quant_ele.innerHTML = "replace: <b>" + quant_alter1 + "</b>";
            //Remove end string with new regexp syntax
            let quantifier_pattern2 = new RegExp("website$", "g");
            let replace_val1 = "";
            var quant_alter2 = quant_q1.replace(quantifier_pattern2, replace_val1);
            var quant_ele2 = document.getElementById("regex_quantifier2");
            quant_ele2.innerHTML = "remove: <b>" + quant_alter2 + "</b>";
        }
    </script>
</body>

</html>

输出

输出显示了输入字符串的替换值。

示例 5

该示例使用 search() 方法，并带有正则表达式量词的全局和不区分大小写修饰符。我们可以看到两个修饰符与字符串之间的区别。

<!DOCTYPE html>
<html>

<head>
    <title>
        JavaScript RegExp quantifier
    </title>
    <style>
        #demo1 {
            background-color: orange;
            border: 1px solid black;
            width: 370px;
        }
    </style>
</head>

<body>
    <div id="demo1">
        <h3>
            JavaScript RegExp $ quantifier
        </h3>
        <h4>
            The regex $ quantifier operates with the match method using the global and case-insensitive modifier.
        </h4>
        <div id="regex_quantifier">
        </div>
        <div id="regex_quantifier2">
        </div>
        <button onclick="quant_click();"> Click Here! </button>
    </div>
    <script>
        function quant_click() {
            // Available character at the global modifier
            var quant_q1 = "is java and javascript language learn from TpointTech WEBSITE";
            let quantifier_pattern = / website$/g;
            var quant_alter1 = quant_q1.search(quantifier_pattern);
            var quant_ele = document.getElementById("regex_quantifier");
            quant_ele.innerHTML = "Available java character: " + quant_alter1;
            // Available character at the global and case-insensitive modifier
            let quantifier_pattern2 = /website$/gi;
            var quant_alter2 = quant_q1.search(quantifier_pattern2);
            var quant_ele2 = document.getElementById("regex_quantifier2");
            quant_ele2.innerHTML = "Available website character: " + quant_alter2;
        }
    </script>
</body>

</html>

输出

输出显示了字符串的可用字符。

示例 6

该示例使用 match() 方法和正则表达式量词的开头和结尾字符的不同值。它用于显示字符串中的值。

<!DOCTYPE html>
<html>

<head>
    <title>
        JavaScript RegExp quantifier
    </title>
    <style>
        #demo1 {
            background-color: orange;
            border: 1px solid black;
            width: 370px;
        }
    </style>
</head>

<body>
    <div id="demo1">
        <h3>
            JavaScript RegExp ^ and $ quantifier
        </h3>
        <h4> The regex $ quantifier operates with the match method
        </h4>
        <div id="regex_quantifier"></div>
        <div id="regex_quantifier2"></div>
        <button onclick="quant_click();"> Click Here! </button>
    </div>
    <script>
        function quant_click() {
            //not available character at the end string
            var quant_q1 = "is java and javascript language learn from TpointTech website";
            let quantifier_pattern = /^java+$/g;
            var quant_alter1 = quant_q1.match(quantifier_pattern);
            var quant_ele = document.getElementById("regex_quantifier");
            quant_ele.innerHTML = "Available java character: " + quant_alter1;
            //available character at the end string
            let quantifier_pattern2 = /website+$/g;
            var quant_alter2 = quant_q1.match(quantifier_pattern2);
            var quant_ele2 = document.getElementById("regex_quantifier2");
            quant_ele2.innerHTML = "Available website character: " + quant_alter2;
        }
    </script>
</body>

</html>

输出

输出显示了字符串的可用字符。

示例 7

该示例使用 search() 方法和各种正则表达式量词值。我们可以将 $ 量词与 + 量词一起使用。

<!DOCTYPE html>
<html>

<head>
    <title>
        JavaScript RegExp quantifier
    </title>
    <style>
        #demo1 {
            background-color: orange;
            border: 1px solid black;
            width: 370px;
        }
    </style>
</head>

<body>
    <div id="demo1">
        <h3>
            JavaScript RegExp $ quantifier
        </h3>
        <h4> The regex $ quantifier operates with the search method
        </h4>
        <div id="regex_quantifier"></div>
        <div id="regex_quantifier2"></div>
        <button onclick="quant_click();"> Click Here! </button>
    </div>
    <script>
        function quant_click() {
            //not available character at the end string
            var quant_q1 = "is java and javascript language learn from TpointTech website";
            let quantifier_pattern = /^ learn$/g;
            var quant_alter1 = quant_q1.search(quantifier_pattern);
            var quant_ele = document.getElementById("regex_quantifier");
            quant_ele.innerHTML = "Available java character: " + quant_alter1;
            //available character at the end string
            let quantifier_pattern2 = /website +$/gi;
            var quant_alter2 = quant_q1.search(quantifier_pattern2);
            var quant_ele2 = document.getElementById("regex_quantifier2");
            quant_ele2.innerHTML = "Available website character: " + quant_alter2;
        }
    </script>
</body>

</html>

输出

输出显示了输入字符串的可用位置。

结论

JavaScript "$" 量词与修饰符一起使用，通过正则表达式获取输入字符。

下一个主题如何在 JavaScript 中在新标签页中打开 href 链接

← 上一个下一个 →

JavaScript RegExp $ 量词

语法

支持的浏览器

示例

结论

联系信息

关注我们

教程

面试题

在线编译器

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 $ 量词

语法

支持的浏览器

示例

结论

相关帖子

JavaScript 中的逻辑 AND (&&) 运算符

从 JavaScript 对象获取键值

JavaScript JSON 解析数组

如何在 JavaScript 中展平数组

JavaScript is new.target 元属性

如何使用 JavaScript 多维数组

JavaScript then() 函数

JavaScript 前端框架

JavaScript call() 方法 vs apply() 方法

JavaScript 编译器

订阅 Tpoint Tech

联系信息

关注我们