什麼是 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。
資料結構
網路
關係型資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP