Object.entries()

 

Object.entries()

 

作用：將一個對象中可枚舉屬性的鍵名和鍵值按照二維數組的方式返回。

若對象是數組，則會將數組的下標作為鍵值返回。

 

 

Object.entries({ one: 1, two: 2 })    //[['one', 1], ['two', 2]]
Object.entries([1, 2])                //[['0', 1], ['1', 2]]

 

entries()返回的數組順序和for循環一樣，即如果對象的key值是數字，則返回值會對key值進行排序，返回的是排序后的結果

 

Object.entries({ 3: 'a', 4: 'b', 1: 'c' })    //[['1', 'c'], ['3', 'a'], ['4', 'b']]

 

利用Object.entries()創建一個真正的Map

 

var obj = { foo: 'bar', baz: 42 };
    
    var map1 = new Map([['foo', 'bar'], ['baz', 42]]); //原本的創建方式
    var map2 = new Map(Object.entries(obj));    //等同於map1

    console.log(map1);// Map { foo: "bar", baz: 42 }
    console.log(map2);// Map { foo: "bar", baz: 42 }

 

Object.values()

作用：只返回自己的鍵值對中屬性的值。它返回的數組順序，也跟Object.entries()保持一致

 

Object.values({ one: 1, two: 2 })            //[1, 2]
Object.values({ 3: 'a', 4: 'b', 1: 'c' })    //['c', 'a', 'b']

與Object.keys()比較

ES6中的Object.keys()返回的是鍵名

 

 var obj = { foo: 'bar', baz: 42 };
    console.log(Object.keys(obj)) //["foo", "baz"]
    console.log(Object.values(obj)) //["bar", 42]

 

entries()、values()總結

var obj = { foo: 'bar', baz: 42 };
    console.log(Object.keys(obj)) //["foo", "baz"]
    console.log(Object.values(obj)) //["bar", 42]
    console.log(Object.entries(obj)) //[["foo", "bar"], ["baz", 42]]