JS数组解构赋值

数组解构

将数组的单元值快速批量的赋值给一系列变量的简洁语法

• 例1

    const [max, min, avg] = [100, 80, 60]
    console.log(max)
    console.log(min)
    console.log(avg)
    //其中max、min、avg就可以当做单独的变量使用了

打印结果

• 例2

    function getValue() {
        return [100, 60]
    }
    const [max, min] = getValue()
    console.log(max)
    console.log(min)

打印结果

• 例3：变量多，单元值少

    const [a,b,c,d] = [1,2,3]
    console.log(a)
    console.log(b)
    console.log(c)
    console.log(d)

打印结果

• 例4：变量少，单元值多

const [a, b, c] = [1, 2, 3, 4]
console.log(a)
console.log(b)
console.log(c)

打印结果

• 例5： 利用剩余参数解决多余值

const [a, b, ...c] = [1, 2, 3, 4,5]
console.log(a)
console.log(b)
console.log(c) 

打印结果

• 例6：防止有undefined传递单元值的情况，可以设置默认值

const [a = '小米', b = '华为', c = '魅族'] = ['小米', '华为']
console.log(a)
console.log(b)
console.log(c)

打印结果

• 例7：按需导入，忽略某些值

const [a, b, , d] = [1, 2, 3, 4]
console.log(a)
console.log(b)
console.log(d)

打印结果