JavaScript Regex 构造函数属性

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

JavaScript 正则表达式属性有助于通过正则表达式字段和值返回函数及其原型。它用于创建对象的原型函数。构造函数属性返回 JavaScript 类型的各种引用。

正则表达式：对于正则表达式，构造函数属性的输出为“function RegExp() { [native code] }”。
数字：对于输入数字，构造函数属性的输出为“function Number() { [native code] }”。
字符串：对于输入字符串，构造函数属性的输出为“function String() { [native code] }”。
数组：对于输入字符串，构造函数属性的输出为“function Array() { [native code] }”。
布尔值：对于输入字符串，构造函数属性的输出为“function Boolean() { [native code] }”。

语法

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

描述

“ constructor ”关键字显示输出类型，例如 Number、String 和 Array。
输出格式为“function output_type() {[native code]}”。

支持的浏览器

RegExp 构造函数支持的浏览器如下所示

Google Chrome 1 及更高版本
Edge 12 及更高版本
Firefox 1 及更高版本
Internet Explorer 4 及更高版本
Opera 5 及更高版本
Safari 1 及更高版本

以下示例适用于正则表达式数据及其值类型。

示例 1

该示例显示了构造函数属性的正则表达式原生代码。在这里，我们直接将正则表达式与 constructor 关键字一起使用。

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp constructor properties
</title>
<style>
#demo1{
background-color: orange;
border: 1px solid black;
width: 350px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp constructor properties
</h3>
<h4> The constructor property gets the RegExp prototype of the regex function
</h4>
<!--click the button to get the constructor properties output --> 
<button onclick = "display_value();"> Click Here! </button>
<div id = "regex_constructor"> </div>
</div>
<script>
function display_value() {
//use regex value 
let constructor_pattern = /javascript/;
//regex pattern with constructor keyword
var final_result = constructor_pattern.constructor;
// output shows RegExp() {[native code]}
var ele_demo = document.getElementById("regex_constructor");
ele_demo.innerHTML = "Available constructor: "+ final_result;
}
</script>
</body>
</html>

输出

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

示例 2

该示例显示了构造函数属性的数组函数原生代码。在这里，我们使用 constructor 关键字的匹配项（regex value）。

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp constructor properties
</title>
<style>
#demo1{
background-color: orange;
border: 1px solid black;
width: 370px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp constructor properties
</h3>
<h4> The constructor property gets the RegExp Array prototype
</h4>
<!--click the button to get the constructor properties output --> 
<button onclick = "display_value();"> Click Here! </button>
<div id = "regex_constructor"> </div>
</div>
<script>
function display_value() {
let constructor_pattern = /^22/;
let input = "220 132 22";
//use the match method to get the array format value
var quant_result = input.match(constructor_pattern);
//result of the regex with a method for constructor property
var final_result = quant_result.constructor;
// output shows Array() {[native code]}
var ele_demo = document.getElementById("regex_constructor");
ele_demo.innerHTML = "Available constructor: "+ final_result;
}
</script>
</body>
</html>

输出

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

示例 3

该示例显示了构造函数属性的字符串原生代码。在这里，我们使用 constructor 关键字的 replace 方法。

<!DOCTYPE html>
<html>	
<head>
<title>
JavaScript RegExp constructor properties
</title>
<style>
#demo1{
background-color: orange;
border: 1px solid black;
width: 370px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp constructor properties
</h3>
<h4> The constructor property gets the RegExp String prototype
</h4>
<!--click the button to get the constructor properties output --> 
<button onclick = "display_value();"> Click Here! </button>
<div id = "regex_constructor"> </div>
</div>
<script>
function display_value() {
const input_str = "javaatpoint";
let constructor_pattern = new RegExp("a{2, }", "g");
let replace_val = "@";
//use replace  method to get the String format value
let quant_result = input_str.replace(constructor_pattern, replace_val);
var final_result = quant_result.constructor;
// output shows String() {[native code]}
var ele_demo = document.getElementById("regex_constructor");
ele_demo.innerHTML = "Available constructor: "+ final_result;
}
</script>
</body>
</html>

输出

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

示例 4

该示例显示了构造函数属性的数字函数原生代码。在这里，我们使用 constructor 关键字的 search（regex value）。

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp constructor properties
</title>
<style>
#demo1{
background-color: orange;
border: 1px solid black;
width: 350px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp constructor properties
</h3>
<h4> The constructor property gets the RegExp number prototype
</h4>
<!--click the button to get the constructor properties output --> 
<button onclick = "display_value();"> Click Here! </button>
<div id = "regex_constructor"> </div>
</div>
<script>
function display_value() {
let constructor_pattern = /22/gi;
let input = "220 132 22";
//use the search method to get the String format value
var quant_result = input.search(constructor_pattern);
//use output of regex method with the constructor keyword
var final_result = quant_result.constructor;
// output shows Number() {[native code]}
var ele_demo = document.getElementById("regex_constructor");
ele_demo.innerHTML = "Available constructor: "+ final_result;
}
</script>
</body>
</html>

输出

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

示例 5

该示例显示了构造函数属性的布尔值原生代码。在这里，我们使用 constructor 关键字的 test 方法。

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp constructor properties
</title>
<style>
#demo1{
background-color: orange;
border: 1px solid black;
width: 350px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp constructor properties
</h3>
<h4> The constructor property gets the RegExp boolean prototype
</h4>
<!--click the button to get the constructor properties output -->
<button onclick = "display_value();"> Click Here! </button>
<div id = "regex_constructor"> </div>
</div>
<script>
function display_value() {
let constructor_pattern = /22/gi;
let input = "220 132 22";
//use the match method to get the test format value
var quant_result = constructor_pattern.test(input);
var final_result = quant_result.constructor;
// output shows Boolean() {[native code]}
var ele_demo = document.getElementById("regex_constructor");
ele_demo.innerHTML = "Available constructor: "+ final_result;
}
</script>
</body>
</html>

输出

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

结论

constructor 属性显示输出类型的原生代码。我们可以使用多个方法和修饰符进行操作，并获取代码的输出类型。

下一主题Discord-bot-in-javascript

JavaScript Regex 构造函数属性

语法

支持的浏览器

示例 1

示例 2

示例 3

示例 4

示例 5

结论

联系信息

关注我们

教程

面试题

在线编译器

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 Regex 构造函数属性

语法

支持的浏览器

示例 1

示例 2

示例 3

示例 4

示例 5

结论

相关帖子

JavaScript 创建唯一 ID

JavaScript 自定义事件

JavaScript Log

学习 JavaScript 需要多长时间？

如何获取 JavaScript 对象长度

JavaScript V8 引擎

JavaScript 的十大应用

Javascript Regex LastIndex 属性

JavaScript alert()