如安在JavaScript中行使工具的要领

先容

JavaScript 中，工具是 键/值 对的荟萃。值可以包括属性和要领，而且可以包括全部其他 JavaScript 数据范例，譬喻字符串，数字和布尔值。

JavaScript中的全部工具都来自父 Object 的结构函数。Object 为我们提供了许多适用的内置要领，而且可以在单个工具中直接行使。差异于 数组的原型要领 譬喻 sort() 和 reverse() 只能被数组实例行使，工具要领直接来自 Object 结构函数，并行使工具实例作为参数。这称为静态要领。

本教程将先容重要的内置工具要领，下面的每个部门都涉及特定要领并提供行使示例。

条件

为了充实操作本教程，您应该认识建设，修改和行使工具，您可以在“ 相识JavaScript中的工具 ”一文中查察这些工具。

有关JavaScript的其他指导，您可以查察“ JavaScript 怎样编码 ”系列。

Object.create()

Object.create() 要领用于建设一个新工具，并将其链接到现有的工具原型。

我们可以建设一个job工具实例，并将其扩展为更详细的工具。

// Initialize an object with properties and methods  
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 of the object  
const keys = Object.keys(employees);  
console.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()

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!