对象进阶简写
//原始写法
let obj={
name:"悟空",
age:18,
say:function(){
}
}//{name: '悟空', age: 18, say: ƒ}
//进阶写法一
const name="悟空";
const age=18;
const say=()=>{}
let obj={
name:name,
age:age,
say:say
}//{name: '悟空', age: 18, say: ƒ}
//写法二
let obj={
name,
age,
say
}//{name: '悟空', age: 18, say: ƒ}
解构:
提供了更加方便获取数组中的元素和对象属性的一种写法
//数组结构
const arr=[1,2,3,4,5];
const [a,b,c,d,e,f]=arr;//写法二:[...a]=arr; //1,2,3,4,5
console.log(a);//1
console.log(f);//undefined
//交换俩个值
let a=1;let b=2; //不加分号,直接报错致死
[b,a]=[a,b];//右边用初始值构建一个数组,结构给左边的数组。实现数据交换;
//对象的解构
const obj={name:"张三",age:18,say(){}}
const {name,age,say}=obj; //const {...a}=obj //打印{name: '张三', age: 18, say: ƒ}
console.log(name,age,say)
//张三 18 ƒ say(){}
const obj={name:"张三"}
const {name,...a}=obj;
console.log(name,a); //张三 {}
延展(拓展)(剩余)运算符(…)
求和
let Sum=(...num)=>num.reduce((s,v)=>s+v,0);
console.log(Sum(12,45,12))//69
//数组展开
set
用来存放不重复的数据,会去除所有重复的
let arr=[1,2,3,4,4,4,5,5,4,4,6];
const set=new Set(arr);
console.log(set);//{1, 2, 3, 4, 5, 6}------对象
arr=[...set];
console.log(arr);//[1, 2, 3, 4, 5, 6]