ES6基础之解构赋值(destructuringassignment)资源-CSDN文库

版权申诉

105 浏览量 2020-12-01 14:35:52 上传评论收藏 72KB PDF 举报

资源推荐

资源详情

资源评论

ES6基础之解构赋值基础之解构赋值(destructuring assignment)

我们经常可以在其他编程语言(如GO语言)中看到多返回值这种特性，因为在很多实际场景中，函数的返回值中，函数的返回

值并不只有一个单一的值。ES6之前，并没有可以直接使用语法来实现多返回值的特性。ES6终于出现了解构赋值的语法糖来

解决此类问题。

解构赋值是一种表达式，允许您使用数组或对象，将可迭代对象的值或属性分配给变量。解构赋值能让我们用更简短的语法进

行多个变量的赋值，大大的减少了代码量。解构表达式有两种：array和object。

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

使用数组表达式解构赋值

常规用法

忽略数组中的某些值

使用展开语法

默认参数值

嵌套数组解构

作为函数参数

使用对象表达式解构赋值

常规用法

默认参数值

嵌套对象

作为函数参数

其他

解构对象的方法

获取字符串长度

拆分字符串

交换变量

遍历Map结构

加载指定模块的方法

常用场景介绍

使用数组表达式解构赋值使用数组表达式解构赋值

常规用法常规用法

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

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

var myArray = [1, 2, 3];

var a = myArray[0];

var b = myArray[1];

var c = myArray[2];

ES6后，我们可以通过数组解构语法，在一行语句里完成上述操作。

let myArray = [1, 2, 3];

let a, b, c;

[a, b, c] = myArray; //array destructuring assignment syntax

上述代码中，[a, b, c]就是解构表达式。在数组解构语句的左侧就是需要进行赋值的多个变量，等号右侧则是我们需要分配的

值。

我们还可以让上述代码更短，你还可以这么写，代码如下：

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

我们在同一行语句中创建变量，而不是分别创建。是不是更清爽。

如果左边的数值少于右边数组的项数，左边变量的值只会和右边数组的内容一一对应，多于的内容将会忽略。

忽略数组中某些值忽略数组中某些值

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

内容反馈

版权申诉

weixin_38682790

粉丝: 3
资源: 978

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip