Как получить все ключи и значения объекта в 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.