当前位置:网站首页>ES6解构赋值--数组解构及对象解构
ES6解构赋值--数组解构及对象解构
2022-08-03 20:04:00 【嘿………】
五、解构赋值(新增语法)
1、数组解构
//数组解构允许我们按照一一对应的关系从数组中提取值,然后将值赋值给变量
let arr = [1,2,3]
let [a,b,c] = arr;
console.log(a); //1
console.log(b); //2
console.log(c); //3
//如果解构不成功,变量的值为undefined
let arr = [1,2,3]
let [a,b,c,d] =arr;
console.log(a); //1
console.log(b); //2
console.log(c); //3
console.log(d); //undefined
2、对象解构
//对象解构允许我们使用变量的名字匹配对象的属性,将对象属性的值赋值给变量
let person = {
name:"xiaoming",
age:18,
sex:'男'
};
let{ name, age, sex } = person;
console.log(name); //xiaoming
console.log(age); //18
console.log(sex); //男
let person = {name:"xiaoming",age:18,sex:'男'};
let { name:myName, age:myAge, sex:mySex } = person;
//myName\myAge\mySex属于别名
console.log(myName); //xiaoming
console.log(myAge); //18
console.log(mySex); //男
边栏推荐
- 【飞控开发高级教程3】疯壳·开源编队无人机-定高、定点、悬停
- 8.2模拟赛总结
- xss.haozi练习通关详解
- 【飞控开发高级教程6】疯壳·开源编队无人机-AI语音控制
- net-snmp编译报错:/usr/bin/ld: cannot find crti.o: No such file or directory
- 调用EasyCVR云台控制接口时,因网络延迟导致云台操作异常该如何解决?
- 「学习笔记」高斯消元
- 花 30 美金请 AI 画家弄了个 logo,网友:画得非常好,下次别画了!
- 第三方验收测试报告有什么作用?如何获取权威软件测试报告?
- 边缘盒子+时序数据库,美的数字化平台 iBuilding 背后的技术选型
猜你喜欢
随机推荐
Detailed steps for tensorflow-gpu2.4.1 installation and configuration
Use ControlTemplate or Style from resource file in WPF .cs and find the control
边缘盒子+时序数据库,美的数字化平台 iBuilding 背后的技术选型
虚拟机vmware设置nat模式上网
Kubernetes资源编排系列之三: Kustomize篇 作者 艄公(杨京华) 雪尧(郭耀星)
【STM32】标准库-自定义BootLoader
软件测试基本流程有哪些?权威的第三方软件检测机构推荐
【飞控开发高级教程6】疯壳·开源编队无人机-AI语音控制
php根据两点经纬度计算距离
CLIP论文解读
FreeRTOS Intermediate
tRNA-m5C转运RNA(tRNA)修饰5-甲基胞嘧啶(m5C)|tRNA修饰m1Am2A (2-methyladenosine)
友宏医疗与Actxa签署Pre-M Diabetes TM 战略合作协议
(十六)51单片机——红外遥控
华为设备配置VRRP负载分担
「学习笔记」高斯消元
危化企业双重预防机制数字化建设进入全面实施阶段
转运RNA(tRNA)甲基化修饰7-甲基胞嘧啶(m7C)|tRNA-m7G
Detailed demonstration pytorch framework implementations old photo repair (GPU)
若依集成easyexcel实现excel表格增强









