JavaScript Object.values()

摘要: 在本教程中，您将学习如何使用 JavaScript Object.values() 方法访问对象的自身可枚举属性。

在 ES2017 之前，您使用 for...in 循环和 Object.hasOwnProperty() 方法来访问 自身 可枚举属性 的 对象 的值。例如

const person = {
    firstName: 'John',
    lastName: 'Doe',
    age: 25
};

for (const key in person) {
    if (person.hasOwnProperty(key)) {
        const value = person[key];
        console.log(value);

    }
}Code language: JavaScript (javascript)

输出

John
Doe
25

ES2017 引入了一种名为 Object.values() 方法的新方法，允许您返回对象的自身可枚举属性值的 数组。

以下显示了 Object.values() 的语法

Object.values(obj);Code language: JavaScript (javascript)

Object.values() 方法接受一个对象，并将其自身可枚举属性的值作为数组返回。请参见以下示例

const person = {
    firstName: 'John',
    lastName: 'Doe',
    age: 25
};

const profile = Object.values(person);

console.log(profile);
Code language: JavaScript (javascript)

输出

[ 'John', 'Doe', 25 ]
Code language: JSON / JSON with Comments (json)

Object.values() 与 for…in

Object.values() 返回自身可枚举属性，而 for...in 循环迭代原型链中的属性。

从技术上讲，如果您将 for...in 循环与 Object.hasOwnProperty() 方法一起使用，您将获得与 Object.values() 相同的值集。