ES6新特性之解构表达式

解构表达式

什么是解构？ -- ES6中允许按照一定模式从数组和对象中提取值，然后对变量进行赋值，这被称为解构 (Destructuring)。

数组解构

比如有一个数组：

let arr = [1,2,3]

之前，我想获取其中的值，只能通过角标。ES6可以这样：

let arr = [1,2,3]
const [x,y,z] = arr;// x，y，z将与arr中的每个位置对应来取值
// 然后打印
console.log(x,y,z);
const [a] = arr; //只匹配1个参数
console.log(a);

结果：

对象解构

例如有个person对象：

    <script>const person = {name:"jack",age:21,language: ['java','js','css']};let {name, age, language} = person;console.log(name, age, language);let {name:n, age:a, language:l} = person;console.log(n, a, l);</script>

想要用其它变量接收，需要额外指定别名：

{name:n} ：name是person中的属性名，冒号后面的n是解构后要赋值给的变量。

ES6新特性之解构表达式相关推荐

第五节：一个令人兴奋的ES6新特性：解构赋值
端午节刚刚过,大家是回家陪家人吃粽子,还是约好朋友一起出去浪了?昨天上了一天班,不知道大家有没有把出去玩耍的心思收回来,准备接下来的学习. 继续学习吧骚年们...... 学完了前4节,今天我给大家带来 ...
ES6新特性之解构赋值
解构赋值:ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值频繁使用对象方法.数组元素,就可以使用解构赋值形式数组的解构赋值 const F4 = ["大哥",&q ...
ECMA Script 6新特性之解构赋值
1.基本概念用法 1.1解构赋值:ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值. var a = 1; var b = 2; var c = 3; /*上述赋值语句用解构赋值为*/ v ...
java8的新特性详解-----------Lamda表达式
java8最大的亮点就是引入了Lamda表达式 , 函数式编程的概念具体啥意思我也不知道.只管用就行了,非常的强大,简洁,一个表达式相当于以前的十几行代码因为之前要实现这种效果全靠if el ...
ES6新特性总结（2）解构赋值、模板字符串、Symbol
ES6新特性总结(2)解构赋值.模板字符串.Symbol 1 解构赋值 1.1 Spread / Rest 操作符 1.2 数组的解构 1.3 对象的解构 1.4 解构的默认值和参数的解构 2 模板字 ...
ES6新特性之函数优化-函数属性简写、箭头函数和解构表达式结合使用
对象的函数属性简写比如一个Person对象,里面有eat方法: let person = { name: "jack", // 以前: eat: function (food) ...
ES6新特性----面试
ES6新特性关键字 let关键字 const关键字解构赋值变量的解构赋值数组的解构赋值对象的解构赋值字符串的解构赋值数值和布尔值的解构赋值函数参数的解构赋值用途模板字符串箭头函数 ...
ES6新特性的学习和使用
ES6新特性的学习和使用本文是基于Windows 10系统环境,进行ES6新特性的学习和使用 Windows 10 React 一.ES6的新语法 (1) let和const ES6之后尽量少使用v ...
前端开发的ES6新特性（学生党必看）
一:ES6新特性-let&const 1.常量const const常量(声明之后不允许改变,一旦声明必须初始化, 否则报错) 2.let变量 let声明的变量有严格的作用域 var声明的变量 ...

ES6新特性之解构表达式

解构表达式

数组解构

对象解构

ES6新特性之解构表达式相关推荐

最新文章

热门文章