es6结构赋值

简介: es6结构赋值

数组结构赋值


let [a,b]=[1,2]
//交换两个变量的值
let[a,b]=[b,a]
//扩展运算符的运用
let[a,...b]=[1,2,3] 
//有默认值  右侧的参数等于undefined,默认值生效
let[a=3,b]=[1,2]


对象结构赋值


let {a:a,b:b}={a:1,b:2};
let {a,b}={a:1,b:2}
let{a,...b}={a:1,b:2,c:3}
相关文章
|
5月前
|
前端开发
简单学习Es6中的this指向
简单学习Es6中的this指向
44 0
|
1月前
|
JavaScript 前端开发
ES6+ 特性,箭头函数、解构赋值、模块导入
ES6+ 特性,箭头函数、解构赋值、模块导入
|
5月前
|
JavaScript 前端开发
js开发:请解释什么是ES6的解构赋值(destructuring assignment),并给出一个示例。
ES6的解构赋值简化了JavaScript中从数组和对象提取数据的过程。例如,`[a, b, c] = [1, 2, 3]`将数组元素赋值给变量,`{name, age} = {name: '张三', age: 18}`则将对象属性赋值给对应变量,提高了代码的可读性和效率。
34 3
|
前端开发 JavaScript API
ES6-ES11-第一部分-let、const、解构赋值、模板字符串、简化对象写法、箭头函数、函数参数默认值、rest 参数、扩展运算符、Symbol、迭代器、生成器、Promise、Set、Map(五)
ES6-ES11-第一部分-let、const、解构赋值、模板字符串、简化对象写法、箭头函数、函数参数默认值、rest 参数、扩展运算符、Symbol、迭代器、生成器、Promise、Set、Map(五)
ES6中的新增属性——解构赋值
ES6中的新增属性——解构赋值
ES6: Symbol概念与用法举例
ES6: Symbol概念与用法举例
48 0
|
存储 安全 编译器
02-📝C++核心语法|C++对C的扩展【::作用域运算符、名字控制、struct类型加强、C/C++中的const、引用(reference)、函数】
复习`C++核心语法`,且适当进行汇编探索底层实现原理,进一步夯实基础,为以后的`底层开发`、`音视频开发`、`跨平台开发`、`算法`等方向的进一步学习埋下伏笔。
02-📝C++核心语法|C++对C的扩展【::作用域运算符、名字控制、struct类型加强、C/C++中的const、引用(reference)、函数】
|
JavaScript 前端开发
教你玩转ES6(一)-let,const和解构赋值
教你玩转ES6(一)-let,const和解构赋值
62 0
|
JavaScript
es6数据类型Symbol以及es6操作数组常用的方法
es6数据类型Symbol以及es6操作数组常用的方法
83 0