ES6語法學習筆記之物件簡潔語法,及新增內容

梭梭醬加油鴨發表於2019-01-30

物件簡潔語法

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

			showA(){
				return this.name;
			};//是上面一種的簡寫
		};
		console.log(json);//{name: "suosuo", age: 18, showA: ƒ}
		console.log(json.showA());
複製程式碼
		let x=1;
		let y=10;

		function show({x,y}){
			console.log(x,y);
		}
		show({x:1,y:10});
		//因為上面有賦值,所以可以簡寫為如下:
		show({x,y});
複製程式碼

新增內容

Object.is(對比內容一,對比內容二)

只要二者長得一樣,結果就一定是true,比如NaN

		console.log(NaN==NaN);//原來是false

		console.log(Number.isNaN(NaN));//true,這裡限定了NaN的型別是數字才是true

		console.log(Object.is(NaN,NaN));//true

		console.log(+0==-0);//true

		console.log(Object.is(+0,-0));//false

		console.log(Object.is(+0,-0));//false
複製程式碼

Object.assign(新的物件比如{},合併物件一,合併物件二……)用來合併物件

		let json ={a:1};
		let json2 = {b:2};
		let json3 = {c:3};
		let obj = Object.assign({},json,json2,json3);
		console.log(obj);	//a: 1
							// b: 2
							// c: 3
							// __proto__: Object

		//如果在json2中加一個a:5,結果中的a將會變成5
複製程式碼
		let arr = ['apple','banana','orange'];
		let arr2 = Object.assign([],arr);
		arr2.push('tomato');
		console.log(arr2);//"apple", "banana", "orange", "tomato"]
複製程式碼

Object.keys() Object.values() Object.entries()

		// let json4={
		// 	d:1,
		// 	e:2,
		// 	f:3
		// };
		// for (let key of Object.keys(json4)){
		// 	console.log(key);//d e f
		// };

		let {keys,values,entries} = Object;

		let json4={
			d:1,
			e:2,
			f:3
		};

		for(let key of Object.keys(json4)){
			console.log(key);//d e f如下都把object省略了,意義一樣
		};

		for (let value of values(json4)){
			console.log(value);//1 2 3
		};

		for(let item of entries(json4)){
			console.log(item);//每一個選項如d:1都被拆分成一個length為2的陣列
		}

		for(let [key,val] of entries(json4)){
			console.log(key,val);
		};
複製程式碼

...也可以用在物件身上

		let {x,y,...z}={x:1,y:2,a:3,b:4};
		console.log(x,y,z);


		let json1 = {a:3,b:4};
		let json2 ={...json1};
		// delete json2.b;
		console.log(json2);//{a: 3, b: 4}加了上一行就只剩下a
複製程式碼

相關文章