JavaScript Object.entries()

概要: このチュートリアルでは、JavaScript の Object.entries() メソッドの使い方を学びます。

JavaScript Object.entries() メソッド入門

ES2017 では、オブジェクトを受け取り、独自の列挙可能な文字列キーを持つプロパティの [key, value] ペアを返す Object.entries() メソッドが導入されました。

Object.entries() メソッドの構文は次のとおりです。

Object.entries()Code language: JavaScript (javascript)

次の例をご覧ください。

const ssn = Symbol('ssn');
const person = {
    firstName: 'John',
    lastName: 'Doe',
    age: 25,
    [ssn]: '123-345-789'
};

const kv = Object.entries(person);

console.log(kv);Code language: JavaScript (javascript)

出力

[
    ['firstName', 'John'],
    ['lastName', 'Doe'],
    ['age', 25]
]Code language: JSON / JSON with Comments (json)

この例では、

• firstName、lastName、および age は、person オブジェクトの独自の列挙可能な文字列キーのプロパティであるため、結果に含まれています。
• ssn は person オブジェクトの文字列キーのプロパティではないため、結果には含まれません。

Object.entries() vs. for…in

Object.entries() と for...in ループの主な違いは、for...in ループはプロトタイプチェーン内のオブジェクトプロパティも列挙することです。