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)

引数

返り値

ブラウザのサポート

ECMAScript 2017は、オブジェクトに Object.entries() メソッド。

2017年3月から、すべての現代ブラウザがサポートしています Object.entries()：