ES6(解构赋值)

一、解构赋值的概念

解构赋值是一种简洁、快速地从数组或对象中提取值并赋值给变量的方式。解构赋值减少了重复的代码，提高了代码可读性和可维护性。

二、解构赋值的分类

1、数组解构赋值

1.1解构赋值的基本语法

下标互相对应才可以获取上方的值，例如值b与值1的下标都为1，所以b可以获取到1，值f没有获取的任何值所有在控制台输出为undefined

 

控制台效果

 

 

设置赋值的默认值，如果值为undefined默认值就生效，否则不生效 

h的值为3，所以默认值无法生效，c的值为undefined默认值生效

 

控制台效果 

 

 2、对象解构赋值

 对象解构赋值是JavaScript中一种非常有用的语法，它允许你将对象的属性或者是方法赋值给新的变量。

2.1属性解构赋值

属性解构赋值是从对象中提取属性的简单方式。你可以将对象的属性直接赋值给新的变量

控制台效果

 

复杂的数据

这是一个对象嵌套数组的一个结构，address是一个数组

 

控制台效果

1为c值从address中所获取的值，下方的"（3）[1,2,3]"为address数组，"(3)"为数组的长度

 

3、字符串解构赋值 

将a字符串通过下标的方式，将字符串中的字符输出出来

 

控制台效果