对象的结构,拓展运算符(...)三个点语法,以及简写方式

对象进阶简写
 //原始写法
 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]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值