ES6基础之解构赋值(destructuringassignment)-创新互联

我们经常可以在其他编程语言(如GO语言)中看到多返回值这种特性，因为在很多实际场景中，函数的返回值中，函数的返回值并不只有一个单一的值。ES6之前，并没有可以直接使用语法来实现多返回值的特性。ES6终于出现了解构赋值的语法糖来解决此类问题。

解构赋值是一种表达式，允许您使用数组或对象，将可迭代对象的值或属性分配给变量。解构赋值能让我们用更简短的语法进行多个变量的赋值，大大的减少了代码量。解构表达式有两种：array和object。

今天的文章笔者将从以下方面进行介绍：

• 使用数组表达式解构赋值
  • 常规用法
  • 忽略数组中的某些值
  • 使用展开语法
  • 默认参数值
  • 嵌套数组解构
  • 作为函数参数
• 使用对象表达式解构赋值
  • 常规用法
  • 默认参数值
  • 嵌套对象
  • 作为函数参数
• 其他
  • 解构对象的方法
  • 获取字符串长度
  • 拆分字符串
  • 交换变量
  • 遍历Map结构
  • 加载指定模块的方法
• 常用场景介绍
  

使用数组表达式解构赋值

常规用法

如何将一个数组的值，赋值给多个变量？数组解构语法能让我们快速的迭代数组的元素，并赋值给多个变量。

E6之前，我们可以这种形式将数组的内容赋值给多个变量：

var myArray = [1, 2, 3];
var a = myArray[0];
var b = myArray[1];
var c = myArray[2];

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。