什么是 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 对象，该对象的值为真或假。当向 Boolean 对象提供 0、-0、空文本 (“”)、false、null 或非数字 (NaN) 等值时，Boolean 对象会返回 false。相反，所有其他值（包括空数组([])、空对象() 或文本“false”）将 Boolean 对象的初始值设置为 true，而所有这些值都将初始值设置为 false。

语法

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+ 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告