Object.keys()、Object.values()、Object.entries()详解

在JavaScript中，Object.keys()是一个内置函数，用于获取一个对象中所有可枚举属性的名称，并返回一个包含这些属性名称的数组。

以下是使用Object.keys()函数的示例：

const obj = { a: 1, b: 2, c: 3 };

const keys = Object.keys(obj);
console.log(keys); // 输出: ["a", "b", "c"]

在上面的例子中，我们创建了一个名为obj的对象，它包含三个属性：a、b和c。然后，我们使用Object.keys()来获取这个对象的属性名称，将其存储在一个名为keys的数组中。最后，我们将这个数组打印到控制台上，输出结果为["a", "b", "c"]。

需要注意的是，Object.keys()只会返回可枚举属性的名称，不包括原型链上的属性。如果想要获取对象的所有属性，包括不可枚举属性和继承的属性，可以使用Object.getOwnPropertyNames()或Reflect.ownKeys()函数

Object.values() 方法返回一个给定对象自身的可枚举属性值的数组，按照相同的顺序（从左到右遍历对象）。

以下是使用 Object.values() 的示例：

const dictionary = { apple: '苹果', orange: '橙子', banana: '香蕉' };

const values = Object.values(dictionary);

console.log(values); // 输出: ["苹果", "橙子", "香蕉"]

Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组，以数组形式返回。

以下是使用 Object.entries() 的示例：

const dictionary = { apple: '苹果', orange: '橙子', banana: '香蕉' };

const entries = Object.entries(dictionary);

console.log(entries); // 输出: // [ // ["apple", "苹果"], // ["orange", "橙子"], // ["banana", "香蕉"] // ]