1 Object.keys()

ES5 引入了Object.keys方法，返回一個數組，成員是引數物件自身的（不含繼承的）所有可遍歷（ enumerable ）屬性的鍵名。

1. var obj = { foo: "bar", baz: 42 };

2. Object.keys(obj)

3. // ["foo", "baz"]

目前， ES7 有一個提案，引入了跟Object.keys配套的Object.values和Object.entries。

1. let {keys, values, entries} = Object;

2. let obj = { a: 1, b: 2, c: 3 };

3. for (let key of keys(obj)) {

4. console.log(key); // 'a', 'b', 'c'

5. }

6. for (let value of values(obj)) {

7. console.log(value); // 1, 2, 3

8. }

9. for (let [key, value] of entries(obj)) {

10. console.log([key, value]); // ['a', 1], ['b', 2], ['c', 3]

11. }

2 Object.values()

Object.values方法返回一個數組，成員是引數物件自身的（不含繼承的）所有可遍歷（ enumerable ）屬性的鍵值。

1. var obj = { foo: "bar", baz: 42 };

2. Object.values(obj)

3. // ["bar", 42]

返回陣列的成員順序，與本章的《屬性的遍歷》部分介紹的排列規則一致。

1. var obj = { 100: 'a', 2: 'b', 7: 'c' };

2. Object.values(obj)

3. // ["b", "c", "a"]

上面程式碼中，屬性名為數值的屬性，是按照數值大小，從小到大遍歷的，因此返回的順序是b、c、a。 Object.values只返回物件自身的可遍歷屬性。

1. var obj = Object.create({}, {p: {value: 42}});

2. Object.values(obj) // []

上面程式碼中，Object.create方法的第二個引數新增的物件屬性（屬性p），如果不顯式宣告，預設是不可遍歷的。Object.values不會返回這個屬性。

1. Object.values會過濾屬性名為 Symbol 值的屬性。

2. Object.values({ [Symbol()]: 123, foo: 'abc' });

3. // ['abc']

如果Object.values方法的引數是一個字串，會返回各個字元組成的一個數組。

1. Object.values('foo')

2. // ['f', 'o', 'o']

上面程式碼中，字串會先轉成一個類似陣列的物件。字串的每個字元，就是該物件的一個屬性。因此，Object.values返回每個屬性的鍵值，就是各個字元組成的一個數組。 如果引數不是物件，Object.values會先將其轉為物件。由於數值和布林值的包裝物件，都不會為例項新增非繼承的屬性。所以，Object.values會返回空陣列。

1. Object.values(42) // []

2. Object.values(true) // []

3 Object.entries

Object.entries方法返回一個數組，成員是引數物件自身的（不含繼承的）所有可遍歷（ enumerable ）屬性的鍵值對陣列。

1. var obj = { foo: 'bar', baz: 42 };

2. Object.entries(obj)

3. // [ ["foo", "bar"], ["baz", 42] ]

除了返回值不一樣，該方法的行為與Object.values基本一致。 如果原物件的屬性名是一個 Symbol 值，該屬性會被省略。

1. Object.entries({ [Symbol()]: 123, foo: 'abc' });

2. // [ [ 'foo', 'abc' ] ]

上面程式碼中，原物件有兩個屬性，Object.entries只輸出屬性名非 Symbol 值的屬性。將來可能會有Reflect.ownEntries()方法，返回物件自身的所有屬性。 Object.entries的基本用途是遍歷物件的屬性。

1. for (let [k, v] of Object.entries(obj)) {

2. console.log(`${JSON.stringify(k)}: ${JSON.stringify(v)}`);

3. }

4. // "one": 1

5. // "two": 2

Object.entries方法的一個用處是，將物件轉為真正的Map結構。

1. var obj = { foo: 'bar', baz: 42 };

2. var map = new Map(Object.entries(obj));

3. map // Map { foo: "bar", baz: 42 }

自己實現Object.entries方法，非常簡單。

1. function* entries(obj) {

2. for (let key of Object.keys(obj)) {

3. yield [key, obj[key]];

4. }

5. }

6. // 非 Generator 函式的版本

7. function entries(obj) {

8. let arr = [];

9. for (let key of Object.keys(obj)) {

10. arr.push([key, obj[key]]);

11. }

12. return arr;

13. }