什么是 JavaScript 原生对象？

在本教程中，我们将学习 JavaScript 中的原生对象。

JavaScript 原生对象是由 JavaScript 本身提供的普通 JavaScript 对象。内置对象、预定义对象和全局对象是其他名称。无论计算机或环境如何，所有用户都可以访问这些对象，并且它们的功能类似。由于其功能不受机器或环境更改的影响，因此它们既可以用作构造函数（如 String()、Array() 和 Object()），也可以用作原始值。

ECMAScript 实现中的一个对象，其语义完全由本规范决定，而不是由宿主环境决定。原生对象也称为内置对象。

JavaScript 中指定了不同类型的原生对象。

JavaScript Number 对象

整数、十进制或浮点数等多种类型的数字都表示为数字对象。Number 对象是一个基本的包装器对象，用于表示和管理数字。可以使用 Number() 方法将各种类型的数值转换为数字。像整数这样的原始值通常没有任何相关的对象方法。Number() 方法返回每种类型的 JavaScript 变量的数字格式。如果提供的数值无法转换为数字，则返回 Nan。尽管 JavaScript 将原始值视为对象，但 Nan 代表“非数字”。

语法

var num = new Number(Val);

变量“num”存储提供给 Number 对象的“val”参数的数值。

JavaScript Boolean 对象

JavaScript Boolean 对象是一个包装器类，也是全局对象的成员。根据生成 Boolean 对象时提供的数值，它用于生成一个 Boolean 对象，该对象具有 true 或 false 值。当提供 0、-0、空文本 (“”)、false、null 或非数字 (NaN) 等数值时，在创建 Boolean 对象时，Boolean 对象将返回 false。与所有这些将初始值设置为 false 的数值相反，所有其他数值，包括空数组([])、空对象() 或文本“false”，都将 Boolean 对象的初始值设置为 true。

语法

let bool = new Boolean(val);

变量 bool 存储“val”参数的布尔值，该参数由 Boolean 对象转换。

JavaScript String 对象

JavaScript 字符串基本数据类型包装在 String 对象中，该对象提供各种辅助方法来处理字符字符串。由于 JavaScript 会自动在字符串原语和 String 对象之间进行转换，因此您可以对字符串原语调用 String 对象的任何辅助方法。

语法

var val = new String(string);

“val”变量存储字符串值，由 JavaScript 中的字符串原生对象转换。

JavaScript Date 对象

JavaScript 语言包含 Date 对象作为内置的数据类型。new Date() 构造函数创建 Date 对象。创建 Date 对象后，您可以使用各种方法对其执行操作。大多数方法使您能够以本地或 UTC（也称为 GMT）时间访问和修改对象的年、月、日、时、分、秒和毫秒属性。

语法

var val = new Date();

“val”变量使用日期对象存储当前日期。

JavaScript Array 对象

您可以使用 Array 对象将多个值存储在一个变量中。它存储固定大小的相同类型元素的顺序集合。重要的是将数组视为相同类型变量的集合，即使它用于保存数据集合。

语法

var fruits = new Array( "strawberry", "grape", "peach" );

数组作为输入，并存储在 fruits 变量中。

JavaScript Math 对象

使用 math 对象，您可以访问数学常数和函数的属性和方法。与其他全局对象不同，Math 不是构造函数。Math 可以用作未创建的对象，其所有属性和方法都是静态的，并且可供使用。

语法

var pi1 = Math.PI;

math 对象将 pi 的值存储在 pi1 变量中。

JavaScript RegExp 对象

可以使用正则表达式来描述字符模式。JavaScript RegExp 类表示正则表达式。并且 String 和 RegExp 都提供应用正则表达式于文本以执行强大的模式匹配和搜索和替换操作的方法。

语法

let pattern = /Hi user/i;

正则表达式在此语法中指定。它是一个包含正则表达式模式的字符串。

示例

在此示例中，描述了 JavaScript 中的所有原生对象。布尔值、数组、日期、字符串、数字、数学和正则表达式对象在此示例中指定。创建对象，并为每个对象提供一个值以显示其创建。

<html>
<body>
   <h2> JavaScript Native Objects <i> compilation </i> </h2>
   <p id="demo"> </p>
</body>
<script>
   document.getElementById("demo").innerHTML = "Boolean Object: " + new Boolean(true) + "<br>";
   document.getElementById("demo").innerHTML += "Array Object: " + new Array([5, 6, 7, 18]) + "<br>";
   document.getElementById("demo").innerHTML += "Date Object: " + new Date() + "<br>";
   document.getElementById("demo").innerHTML += "String Object: " + new String("Hello World Starts") + "<br>";
   document.getElementById("demo").innerHTML += "Number Object: " + new Number(777) + "<br>";
   document.getElementById("demo").innerHTML += "Math Object: " + Math.PI + "<br>";
   let text = "HI User";
   let pattern = /Hi user/i;
   let result = text.match(pattern);
   document.getElementById("demo").innerHTML += "RegExp Object: " + result + "<br>";
</script>
</html>

在本教程中，我们学习了 JavaScript 中指定的不同类型的原生对象，如 String、Boolean、RegExp、Math、Date、Number 和 Array。

更新于： 2022-11-15

3K+ 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告