
先容
JavaScript 中,工具是 鍵/值 對的聚攏。值可以包括屬性以及要領,而且可以包括一切其余 JavaScript 數據類lottery taiwan型,例如字符串,數字以及布爾值。
JavaScript中的一切工具都來自父 Object 的組織函數。Object 為咱們供應了許多適用的內置要領,而且可以在單個工具中間接使用。不同于 數組的原型要領 例如 sort() 以及 reverse() 只能被數組實例使用,工具要領間接來自 Object 組織函數,并使用工具實例作為參數。這稱為動態要領。
本教程將先容緊張的內置工具要領,上面的每個部門都觸及特定要領并供應使用示例。
條件
為了充沛行使本教程,您應當認識創立,點竄以及使用工具,您可以在“ 相識JavaScript中的工具 ”一文中查望這些工具。
無關JavaScript的其余引導,您可以查望“ JavaScript 若何編碼 ”系列。
Object.create()
Object.create() 要領用于創立一個新工具,并將其鏈接到現有的工具原型。
咱們可以創立一個j日棒即時比分ob工具實例,并將其擴大為更詳細的工具。
- // Initialize an object with properties and methods&威力采nbsp;
- const job = {
- position: 'cashier',
- type: 'hourly',
- isAvailable: true,
- showDetails() {
- const accepting = this.isAvailable ? 'is accepting applications' : "is not currently accepting applications";
- console.log(`The ${this.position} position is ${this.type} and ${accepting}.`);
- }
- };
- // Use Object.create to pass properties
- const barista = Object.create(job);
- barista.position = "barista";
- barista.showDetails();
- Output
- The barista position is hourly and is accepting applications.
barista 工具目前有一個 position 屬性 – 然則一切其余屬性以及要領都可以經由過程 job 的原型取得。經由過程Object.create()來完成最小化反復,關于堅持代碼DRY十分有用。
Object.keys()
Object.keys() 會創立一個包括工具鍵的數組。
咱們可以創立一個工具并打印鍵的數組。
- // Initialize an object
- const employees = {
- boss: 'Michael',
- secretary: 'Pam',
- sales: 'Jim',
- accountant: 'Oscar'
- };
- // Get the keys o滋原實業有限公司f the object
- const keys = Object.keys(employees);
- c三分球大賽onsole.log(keys);
- Output
- ["boss", "secretary", "sales", "accountant"]
Object.keys() 還可用于迭代工具的鍵以及值。
- // Iterate through the keys
- Object.keys(employees).forEach(key => {
- let value = employees[key];
- console.log(`${key}: ${value}`);
- });
- Output
- boss: Michael
- secretary: Pam
- sales: Jim
- accountant: Oscar
for-in 輪回以及Object.keys()返歸的可羅列屬性有一個區分:
for-in 輪回同時也會遍歷原型屬性
Object.keys() 只會返歸自有(實例)屬性
Object.keys() 關于反省工具的長度也頗有用。
- // Get the length of the keys
- const length = Object.keys(employees).length;
- console.log(length);
- Output
- 4
使用該 length 屬性,咱們可以或許計算employees包括4個自有屬性。
Object.values()
Object.values() 創立一個包括工具值的數組。
- // Initialize an object
- const session = {
- id: 1,
- time: `26-July-2018`,
- device: 'mobile',
- browser: 'Chrome'
- };
- // Get all values of the object
- const values = Object.values(session);
- console.log(values);
- Output
- [1, "26-July-2018", "mobile", "Chrome"]
Object.keys()以及Object.values()許可您從工具返歸數據。
Object.entries()
【免責聲明】本站內容轉載自互聯網,其相關談吐僅代表作者小我私家概念盡非權勢巨子,不代表本站態度。如您發明內容存在版權成績,請提交相關鏈接至郵箱:,咱們將實時予以處置。
|