首页 / ES6 / ES6中的解构赋值

ES6中的解构赋值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ES6中的解构赋值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含945字，纯文字阅读大概需要2分钟。

内容图文

在解释什么是解构赋值前，我们先来看一下， ES5 中对变量的声明和赋值。

var str = ‘hello word‘;

左边一个变量名，右边可以是字符串，数组或对象。

ES6 中增加了一种更为便捷的赋值方式。称为 Destructuring 。好像大家普遍翻译为解构。解构赋值允许我们将数组或对象的属性赋予给任何变量，该变量的定义语法与数组字面量或对象字面量很相似。举个例子可以直观的说明。

            let [speak, name] = [‘hello‘, ‘destructuring‘];
console.log( speak + ‘ ‘ + name ); // hello destructuring

数组的解构赋值

用更加直白的话来描述就是，等号两边保持相同的形式（数组对应数组，对象对应对象），则左边的变量就会被赋予对应的值。如果对应的右边值缺失，缺失部分变量值为 undefined ,如果右边值多余，依旧能够正常解构。

 

            // ES6 中
let arr = [1,2,3,4,5];
let [el1, el2] = [arr];
// 或者
let [el1, el2] = [1,2,3,4,5];
// el1 => 1, el2 => 2

 

解构赋值也是可嵌套的：

            let value = [1, 2, [3, 4, 5]];
let [el1, el2, [el3, el4]] = value;

同样可以通过简单地在指定位置省略变量来忽略数组中的某个元素：

            let value = [1, 2, 3, 4, 5];
let [el1, , el3, , el5] = value;

更进一步，默认值同样也可以被指定：

let [firstName = "John", lastName = "Doe"] = [];

ES6中，提供了一种将右侧多余的值以数组的形式赋值给左侧变量的语法——“rest“模式：

            let [head, ...tail] = [1, 2, 3, 4];  
console.log(tail);  // [2, 3, 4]

 

原文：http://www.cnblogs.com/ke-nan/p/7110551.html

内容总结

以上是互联网集市为您收集整理的ES6中的解构赋值全部内容，希望文章能够帮你解决ES6中的解构赋值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1107323.html

来源：【匿名】