前端面试必刷手写题系列 [1] 之 Object.keys()
2024-02-21 03:05:17
在 JavaScript 的世界里，我们常常需要与对象打交道。对象就像一个个小型的数据库，存储着各种各样的信息，这些信息通过键值对的形式组织起来。而要获取对象中所有的键名，Object.keys() 方法就派上用场了。它就像一把万能钥匙，可以打开对象的“大门”，让我们一窥其中的奥秘。
Object.keys() 方法会返回一个数组，这个数组包含了对象自身所有可枚举属性的键名。换句话说，它会把对象中所有可以用 for...in 循环遍历到的属性的名称收集起来，放到一个数组里交给你。
但是，Object.keys() 也有它的“脾气”。它只会关注那些可枚举的属性，对于那些不可枚举的属性，比如 Symbol 属性，它就视而不见了。另外，它也只关心对象自身的属性，对于继承来的属性，它也不会理会。
那么，Object.keys() 究竟是如何工作的呢？我们可以自己动手模拟一下它的实现过程。
首先，我们需要检查传入的参数是不是一个对象。如果不是，那就说明参数类型错误，我们需要抛出一个 TypeError 异常。
接下来，我们创建一个空数组，用来存放收集到的键名。
然后，我们使用 for...in 循环遍历对象的每一个属性。
在循环的每一次迭代中，我们都会使用 hasOwnProperty() 方法检查当前属性是不是对象自身的属性。如果是，那就说明这个属性是可枚举的，我们可以把它的键名添加到我们之前创建的数组中。
最后，循环结束，我们返回存放着所有键名的数组。
下面是用 JavaScript 代码实现的 Object.keys() 方法：
function ObjectKeys(obj) {
// 检查参数类型
if (typeof obj !== 'object' || obj === null) {
throw new TypeError('Can only be called on an object.');
}
// 创建结果数组
const keys = [];
// 遍历对象
for (const key in obj) {
// 检查属性的可枚举性
if (obj.hasOwnProperty(key)) {
keys.push(key);
}
}
// 返回结果数组
return keys;
}
Object.keys() 方法在实际开发中非常实用。例如，我们可以用它来获取对象的所有属性名，然后根据这些属性名访问对应的属性值。我们也可以用它来循环遍历对象的所有可枚举属性，或者检查对象是否包含某个特定的属性。
在前端面试中，手写 Object.keys() 方法也是一项常见的考察内容。通过理解 Object.keys() 的原理和实现，我们可以更好地掌握 JavaScript 中对象的特性，提升我们的编程技能。
常见问题解答
-
Object.keys()和for...in循环有什么区别？Object.keys()方法返回一个包含对象所有可枚举属性键名的数组，而for...in循环会遍历对象自身及其原型链上的所有可枚举属性。 -
Object.keys()方法会返回 Symbol 属性的键名吗？不会，
Object.keys()方法只会返回字符串类型的键名，不会返回 Symbol 类型的键名。 -
如何获取对象的所有属性，包括不可枚举属性？
可以使用
Object.getOwnPropertyNames()方法获取对象自身的所有属性名，包括不可枚举属性，但不包括 Symbol 属性。如果要获取 Symbol 属性，可以使用Object.getOwnPropertySymbols()方法。 -
Object.keys()方法的性能如何？Object.keys()方法的性能相对较好，因为它只遍历对象自身的可枚举属性。 -
Object.keys()方法可以用于哪些场景？Object.keys()方法可以用于获取对象的属性名、循环遍历对象、检查对象是否包含某个属性等场景。
