Object.assign() ---ES6对象的新增方法

1.object.keys()

ES5 引入了object.keys方法，返回一个数组,成员是参数对象自身(不含继承的)所有可遍历(enumerable:true)属性的键名 。

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

ES2017引入了跟object.keys配套的Object.entries,作为遍历一个对象的补充手段，供for …of循环使用

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

for(let key of Object.keys(obj)){
console.log(key) // "a","b","c"
}

for(let value of Object.values(obj)){
console.log(value) // 1,2,3
}

2.Object.values

• Object.values方法返回一个数组，成员是参考对象自身的（不含继承的）所有可遍历(enumerable:true)属性的键值。

const object= {foo:"bar",baz:42}
Object.values(obj)//["bar",42]

• Object.values只返回对象自身的可遍历属性。

const obj = Object.create({},{p:{value:42}})
Object.values(obj) //[]

上面的代码中，Object.create方法的第二个参数添加的对象属性，如果不声明，默认是不可遍历的，因为p的属性描述对象enumerable默认为false，只要enumerable：true，Object.values就会返回属性P的值。

const obj = Object.create({},{p:
  {
     value:42,
     enumerable：true
   }
 });
 Object.values(obj); //[42]

• Object.values会过滤属性名为Symbol值的属性

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

• 如果Object.values方法的参数是一个字符串，会返回各个字符组成的一个数组。

Object.values("foo"); //["f","o","o"]

上面的代码中，字符串会先转成一个类似数组的队形，字符串的每个字符，就是该对象的一个属性。因此，Object.values返回每个属性的键值，就是各个字符组成的一个数组。
如果参数都不是对象，Object.values会先将其转为对象。由于数值和布尔值的包装对象，都不会为实例添加非继承的属性，所以，Object.values会返回空数组。

Object.values(42); //[]
Object.values(true); //[]

3.Object.entries()
Object.entries()方法返回一个数组。成员是参数对象自身的(不含继承的)所有可遍历属性的键值对数组。

const obj = {foo:"bar",baz:42}
Object.entries(obj)//[["foo","bar"],["baz":42]]

除了返回值不一样，该方法的行为与 Object.values基本一致。

如果原对象的属性名为Symbol值，该属性会被忽略。

Object.entries({[Symbol()]:123,foo:"abc"})//[["foo","abc"]]

上面的代码中，原对象有两个属性，Object.entries只输出属性名非 Symbol值的属性，将来可能会有Reflect.ownEntries()方法，返回对象自身的所有属性。

Object.entries的基本用途是遍历对象的属性。

let obj={one:1,two:2}
for(let [k,v] of Object.entries(obj)){
 console.log(
    `${JSON.stringify(k)}: ${JSON.stringify(v)}`
  );
}
//"one":1
//"two":2

Object.entries 方法的另一个用处是，将对象转为真正的map结构

const obj={foo:"bar",baz:42} 
const map = new Map(Object.entries(obj));
map  //{foo:"bar", baz:42}

自己实现Object.entries方法，非常简单
function entires(){
let arr =[]
for (let key of Object.keys(obj)){
arr.push([key,obj[key]])
}
return arr ;
}

4.Object.fromEntries()
Object.fromEntries是Object.entries的逆方法。用于将一个键值对数组转为对象。

eg1:
const entries  =  new Map([["foo","bar"],["baz",42]])
Object.fromEntries(entries)
//{foo:"bar",baz:42}

eg2:
const map = new Map().set("foo",true).set("baz",false)
Object.formEntries(map)
//{foo:true,baz:false}

该方法的一个用处是配合URLSearchParams对象，将查询字符串转为对象。

Object.fromEntries(new URLSearchParams("foo=bar&baz=qux"))
//{foo:"bar",baz:"qux"}