Resumo : neste tutorial, você aprenderá como usar o Object.values()método JavaScript para acessar as próprias propriedades enumeráveis de um objeto.
Antes do ES2017, você usava um for...inloop e Object.hasOwnProperty() um método para acessar valores das próprias propriedades enumeráveis de um objeto . Por exemplo:
const person = {
firstName: 'John',
lastName: 'Doe',
age: 25
};
for (const key in person) {
if (person.hasOwnProperty(key)) {
const value = person[key];
console.log(value);
}
}Linguagem de código: JavaScript ( javascript )Saída:
John
Doe
25ES2017 introduz um novo método chamado Object.values()método que permite retornar uma matriz de valores de propriedades enumeráveis próprias de um objeto.
O seguinte mostra a sintaxe do Object.values():
Object.values(obj);Linguagem de código: JavaScript ( javascript )O Object.values()método aceita um objeto e retorna os valores de suas próprias propriedades enumeráveis como um array. Veja o exemplo a seguir:
const person = {
firstName: 'John',
lastName: 'Doe',
age: 25
};
const profile = Object.values(person);
console.log(profile);
Linguagem de código: JavaScript ( javascript )Saída:
[ 'John', 'Doe', 25 ]
Linguagem de código: JSON/JSON com comentários ( json )Object.values() vs. for…in
Os Object.values()retornos possuem propriedades enumeráveis enquanto o for...inloop itera propriedades na cadeia de protótipos.
Tecnicamente, se você usar o for...inloop com o Object.hasOwnProperty()método, obterá o mesmo conjunto de valores que o Object.values().
