码迷,mamicode.com
首页 > 其他好文 > 详细

ES6 解构赋值

时间:2020-02-21 10:11:09      阅读:70      评论:0      收藏:0      [点我收藏+]

标签:注意   console   log   bsp   color   提示   字符串   赋值   解构   

解构赋值

对象的解构赋值:

let obj = {
    a:1,
    b:2
};
// 假如需要两个变量把里面的两个值进行保存起来进行使用:
/* let a = obj.a;
let b = obj.b;
console.log(a,b); */
// es6中的解构赋值可以这样写:
let {a,b} = obj;//注意这里的严格遵守: {a,b} 必须是obj.a属性对应名字;
console.log(a,b);
// 解构赋值: 把整个解构进行解开,赋值就是把他们往前赋值给对应的变量
// 要求变量名和属性名一致

数组的解构赋值:

{
    let arr = ["a","b","c"];
    let [e,f] = arr;
    console.log(e,f);//a,b
}
{
    // 快速交换a,b值
    let a = 1;
    let b = 2;
    [a,b] = [b,a];
    console.log(a,b);//2,1
}

字符串,数字的解构赋值:

{
    let str = "abc";
    let [e,f] = str;
    // 结果和数组的解构赋值一样的!也是按照顺序;
    console.log(e,f);//ab
}

{
    let nub = 123;
    let [c,d] = nub;
    console.log(c,d);//提示对象不是一个迭代器..what
}

 

ES6 解构赋值

标签:注意   console   log   bsp   color   提示   字符串   赋值   解构   

原文地址:https://www.cnblogs.com/Afanadmin/p/12340060.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!