ES6变量解构赋值
ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。
ES6对象解构,直接看代码:
const tom={
name:'tom',
age:20,
family:{
mother:'Mary',
father:'Smith',
brother:'Jone'
}
}
const {name,age}=tom；
const {mother,father，brother}=tom.family;
//意思是在tom.family里面找属性名为mother,father，brother的属性，把值赋给大括号里面的mother,father，brother
当按照下面这样写的时候，代表是重新命名，要使用的时候需要用mother
const mother='Rose'
const {mother，father，brother}=tom.family；
consloe.log(mother);
//会报错这是需要我们重命名写法如下：
const mother='Rose'
const {mother:m,father，brother}=tom.family；//这时const声明的mother变量重新命名为m
consloe.log(m);
这是不能再使用mother,要使用新名称m
如果获取一个对象里面没有的属性
const {mother,father，brother，sister}=tom.family;
consloe.log(sister);
//undefined
给属性默认值：
const {mother,father，brother，sister='have no sister'}=tom.family;
//当sister的值为undefined是就使用默认值。
数组解构赋
值：
const number=['one','two','three','four'];
const [one, ,three];
console.log(one);
console.log(three);
如果只想获取数组的第一个元素和后面的所有元素，可以使用ES6提供的剩余参数的形式:
const number=['one','two','three','four'];
const [one,...others];
console.log(one);
//one
console.log(others);
//['two','three','four']
数组解构默认值
const detail=['jelly','Mary.com']
const [name,webite,category='java']=detail;
【ES6变量解构赋值】
推荐阅读
- Shell-Bash变量与运算符
- (二)ES6第一节变量(let|(二)ES6第一节变量(let,const)
- 六步搭建ES6语法环境
- 概率论/统计学|随机变量 的 分布函数 与 概率密度函数 的区别
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- Python|Win10下 Python开发环境搭建(PyCharm + Anaconda) && 环境变量配置 && 常用工具安装配置
- linux环境变量相关操作
- 【课程-Perl】Lesson|【课程-Perl】Lesson 2: 值与变量
- 变量声明前置与函数声明前置
- arrow|arrow function