Как получить все ключи и значения объекта в JavaScript
JavaScript предоставляет три удобных метода для работы с объектами:
Метод | Описание | Возвращает |
---|---|---|
Object.keys() | Получить все ключи объекта | string[] |
Object.values() | Получить все значения объекта | any[] |
Object.entries() | Получить все пары | [key, value][] |
Получить все ключи
const user = { name: "Alice", age: 25, role: "admin" };
const keys = Object.keys(user);
console.log(keys); // ["name", "age", "role"]
Получить все значения
const values = Object.values(user);
console.log(values); // ["Alice", 25, "admin"]
Получить пары ключ-значение
const entries = Object.entries(user);
console.log(entries);
// [["name", "Alice"], ["age", 25], ["role", "admin"]]
Итерация по объекту
С помощью for...of
и Object.entries()
:
for (const [key, value] of Object.entries(user)) {
console.log(`${key}: ${value}`);
}
С помощью for...in
(реже рекомендуется):
for (const key in user) {
if (user.hasOwnProperty(key)) {
console.log(`${key}: ${user[key]}`);
}
}
for...in
перечисляет все перечисляемые свойства, включая унаследованные. Поэтому нужно использоватьhasOwnProperty
.
Важно:
Порядок ключей в объекте не гарантирован строго (но в практике — стабилен в современных браузерах).
Вывод
Object.keys()
— получить ключиObject.values()
— получить значенияObject.entries()
— получить пары ключ-значение
Это базовые методы для повседневной работы с объектами в JavaScript.