[Wondgirl]ECMAScript6(ES6)(五)对象的解构赋值

   // 1.变量形式的赋值
   var {name,age} = [age:30,name:"Bill"];
   console.log(name,age);

   var {value1,value2} = {value1:30};
   console.log(value2);//undefined
   // 2.对象形式的赋值
   var {product:,price:b} = {product:"iphone7",price:5000};
   console.log("a = " + a," b = " + b);

   // 3.混合形式的赋值
   var {product:a,price} = {product:"iphone7 plus",price:6000};
   console.log("a = " + a);
   console.log("price = " + price);
   // 4.变量的重复声明
   //let {v1,v2} = {v1:20,v2:40};
   //let v1 = 40;//error
   let {p:m} = {p:"hello"};
   //let p = "world";
   //let m = 20;

   // 5.嵌套赋值
   var obj = {p:["hello",{x:100}]};
   var {p:[s,{x,y}]} = obj;
   console.log("s = " + s);
   console.log("y = " + y);
   console.log("p = " + p);

   // 6.字符串的解构赋值
   let [a,b,c,d,e] = 'hello';
   console.log(a);  // h
   console.log(b);  // e
   console.log(c);  // l
   console.log(d);  // l
   console.log(e);  // o
   const {length:len} = "How are you?";
   console.log(len); //12

   //函数的解构赋值
   function sub([x,y])
   {
       return x - y;
   }
   console.log(sub([1,3]));//-2


   function sub3({x = 0,y = 1})
   {
      return x - y;
   }
   consonle.log(sub3({x:30})); // 29
   console.log(sub3());        // error
   console.log(sub3({}));      // -1

   //提取JSON数据
   //1.定义json数据
   var jsonData =
   {
        id:18,
        name:"mike",
        salary:4000
   };
   //2.提取json数据
   let {id,name,salary} = jsonData;
   console.log(id,name,salary);//18,mike,4000

    //函数参数可以使用默认值
    function fun(name,{flag = true,num = 100})
    {
            console.log(name,flag,num);//BILL,trun,100
    }
    fun("BILL",{});//{}不能省略
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值