Метод Object.values() в JavaScript

В этом руководстве вы узнаете, как использовать метод 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);
    }
}

Выход:

John 
Doe 
25

В ES2017 представлен новый метод Object.values(), который позволяет вам возвращать массив собственных значений перечисляемых свойств объекта.

Ниже показан синтаксис Object.values() :

Object.values(obj)

Object.values() принимает объект и возвращает значения собственного перечисляемого свойства в виде массива.

Следующий пример:

const person = {
    firstName: 'John',
    lastName: 'Doe',
    age: 25
};
const profile = Object.values(person);
console.log(profile);

Выход:

[ 'John', 'Doe', 25 ]

Object.values() или for...in

Object.values() возвращает собственные перечисляемые свойства, в то время как цикл for...in перебирает свойства в цепочке прототипов.

Технически, если вы используете цикл for...in с Object.hasOwnProperty(), вы получите тот же набор значений, что и Object.values().

Рейтинг
( Пока оценок нет )
Александр Русаков / автор статьи
Программист, разработчик, 12 лет опыта работы в крупных компаниях. Быстро освоил typescript, делюсь своими знаниями на страницах этого сайта.
Загрузка ...
JavaScript и TypeScript