ES6中如何通过解构赋值实现变量分离与高效使用？

本文共计1063个文字，预计阅读时间需要5分钟。

目录+数组的结构赋值+对象的解构赋值+解构赋值的运用+交换变量的值+从函数返回多个值+遍历Map结构+函数参数的解构赋值+数组的解构赋值+let [a, b, c]=[1, 2, 3]+同时定义多个变量，a匹配1

目录

• 数组的解构赋值
• 对象的解构赋值
• 解构赋值的运用
• 交换变量的值
  
• 从函数返回多个值
  
• 遍历Map结构
  
• 函数参数的解构赋值

数组的解构赋值

let [a, b, c] = [1, 2, 3]

同时定义多个变量，a匹配1、b匹配2、c匹配3

解构赋值允许指定默认值，即左边变量指定默认值，右边没有对应的值，会优先输出默认值。

let [x, y = 'b'] = ['a'] // x = 'a', y = 'b'

x匹配字符a，y默认值为字符b，若右边没有对应的，默认输出字符b。