副问题[/!--empirenews.page--]
先容
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()
(编辑:河北网)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|