ES6语法快速入门二

一、解构赋值

1.对象的解构赋值

let obj = {

a:1,

b:3

};

// console.log(obj)

// let a=obj.a;

// let b=obj.b;

// console.log(a,b)

let {a,b}=obj;

console.log(a,b);

2.数组的解构赋值

let arr=["a","b","c"];

let [e,f]=arr;

console.log(e,f);

问题：let a=0; let b=1;//怎样快速交换a，b的值？

[a,b]=[b,a];

3.字符串解构赋值

let str="abc";

let [e,f]=str;

console.log(e,f);

二、展开运算符

1.数组展开：

let arr=[1,2,3,4];

let arr2=["a","b",...arr,"c","d"];

console.log(arr2);

打印结果如下图：

剩余参数

let arr=[1,2,3,4];

let[a,b,...c]=arr;

console.log(a,b,c);//1,2,[3,4]

2.对象展开：

let obj = {

a:1,

b:2

};

let obj2 = {

...obj,

c:3,

d:4

};

console.log(obj2);//{a:1,b:2,c:3,d:4}

let {a,b,...c} = obj2;

console.log(a,b,c);//1,2,{c:3,d:4}

閱讀更多 每天進步一點點l 的文章

關鍵字: 解构 赋值 ...