【JS重点11】解构赋值-数组解构

目录

一：解构赋值

二：数组解构

基本语法：

特别注意事项：

案例：

二 数组解构细节

1 变量多于单元值

2 变量少，单元值多

3 按需导入，忽略某些值

4 支持多维数组解构

文章目标：知道数组解构语法，使用解构简洁语法快速为变量赋值

一：解构赋值

解构赋值是一种快速为变量赋值的简洁语法，本质上仍为变量赋值

二：数组解构

数组解构是将数组元素快速批量赋值给一系列变量的语法

    const arr = [100,20]
    const max = arr[0]
    const min = arr[1]
vs:
    const [max min] = [100,20]

基本语法：

1. 利用赋值运算符，将等号右侧的数组元素赋值给左边的变量
2. 同时变量顺序与对应数组元素的位置对应，依次进行赋值操作

特别注意事项：

//以数组开头的数组解构赋值，特别是数组前还有JS语句的一定注意要加等号左边添加分号
;[b,a] = [a,b]

案例：

需求将最大值和最小值函数返回值解构max和min两个变量

    function getValue() {
      return [100, 60]
    }
    con