JavaScript Object.entries()

Определение и использование

Object.entries() Метод возвращает массив из объектов ключей-значений.

Object.entries() Метод не изменяет исходный объект.

Соответствующие методы:

Object.keys() Возврат всех ключей (свойств) любого типа объекта.

Object.values() Возврат всех значений всех свойств объекта.

Object.entries() Возврат всех ключей и значений любого типа объекта.

Эти методы возвращают итерируемые объекты (доступные массивы).

Итерируемые объекты делают использование объектов в цикле и конвертацию объектов в Map еще проще.

Пример

Пример 1

const person = {
  firstName: "Bill",
  lastName: "Gates",
  age: 50,
  eyeColor: "blue"
};
let text = Object.entries(person);

Попробуйте сами

Пример 2

Object.entries() Это делает использование объекта в цикле еще проще:

const fruits = {Bananas: 300, Oranges: 200, Apples: 500};
let text = "";
for (let [fruit, value] of Object.entries(fruits)) {
  text += fruit + ": " + value + "<br>";
}

Попробуйте сами

Пример 3

Object.entries() Это делает конвертацию объекта в Map еще проще:

const fruits = {Bananas: 300, Oranges: 200, Apples: 500};
const myMap = new Map(Object.entries(fruits));

Попробуйте сами

Синтаксис

Object.values(object)

Параметр

Параметр Описание
object Опционально. Объект.

Возвратное значение

Тип Описание
Array Итерируемый массив, содержащий объектные ключи-значения.

Поддержка браузеров

ECMAScript 2017 добавил к объектам Object.entries() Метод.

С марта 2017 года все современные браузеры поддерживают Object.entries():

Chrome Edge Firefox Safari Opera
Chrome 47 Edge 14 Firefox 47 Safari 10.1 Opera 41
Июнь 2016 года Август 2016 года Июнь 2016 года Март 2017 года Октябрь 2016 года