ES6--对象的简洁语法及新增对象

一、对象属性的简洁表示法

• 对象属性:当对象的属性与属性值重名的时候，属性值可以忽略

let name = "strive";
let age = 18;
let json = {
	name,
	age,
}
console.log(json)

• 除了属性简写，方法也可以简写。
  ES5 中对象方法的写法

let name = "strive";
let age = 18;
let json = {
	name,
	age,
	showA:function(){
		return this.name;
	},
	showB:function(){
		return this.age;
	},
}

ES6中对象方法的写法

let name = "strive";
let age = 18;
let json = {
	name,
	age,
	showA(){
		return this.name;
	},
	showB(){
		return this.age;
	}
}

• 对象的方法不能使用箭头函数来构造

showA:()=>{
	return this.name;
},
showB:()=>{
	return this.age;
}

二、属性名表达式

方法一
直接用标识符作为属性名

obj.foo = true;

方法二
但如果使用字面量方式定义对象（使用大括号），在 ES5 中只能使用方法一（标识符）定
义属性。

obj['a' + 'bc'] = 123;

• 表达式还可以用于定义方法名

let obj={
	['h' + 'ello']() {
	 	return 'hi';
	}
}
 obj.hello() // hi

• 方法的 name 属性
  函数的 name 属性，返回函数名。对象方法也是函数，因此也有 name 属性。

const person={
	sayName:function(){
		console.log("hello!");
	}
};
console.log(person.sayName.name)

三、对象的新增语法

• Object.is
  用来比较两个值是否严格相等，与严格比较运算符（===）的行为基本一致。

console.log(Object.is("123",123))	//false

• Object.assign 用来合并对象
  语法：let 新的对象 = Object.assign(目标对象, source1, srouce2…)

let json = {a:1};
let json2= {b:2,a:2};
let json3 = {c:3,d:12,e:55,f:66};
let obj = Object.assign({},json,json2,json3);
console.log(obj)

• Object. Keys/values/entries

Object.keys()：返回对象自身的所有可枚举的属性的键名。
Object.values()：返回对象自身的所有可枚举的属性的值
Object. entries ()`：返回对象自身的所有可枚举的名、值对

let json = {
	a:1,
	b:2,
	c:3
 };
for(let key of Object.keys(json)){//循环key
	console.log(key);//a,b,c
}
for(let value of Object.values(json)){//循环value
	console.log(value);//1,2,3
}
for(let item of Object.entries(json)){//
	console.log(item);//a:1,b:2,c:3
}
 for(let [key, val] of Object.entries(json)){//名值对
	console.log(key, val);
 }