本文主要介绍,ES6新特性,变量的解构赋值,数组、对象的解构。ES6 允许按照一定的模式从数组和对象中提取值,对变量进行赋值,称为: 解构赋值。
ES6 数组的解构
// 声明一个常量
const NAMES = ['张三','李四','王五','赵六'];
// 解构
let [zhangsan, lisi, wangwu, zhaoliu] = NAMES;
// 打印结果
console.log(zhangsan); // 张三
console.log(lisi); // 李四
console.log(wangwu); // 王五
console.log(zhaoliu); // 赵六
ES6 对象的解构
const me = {
"name": "fujuhao.com",
"age":22,
"job": function(){
console.log("程序开发");
}
}
let {name, age, job} = me;
console.log(name); // fujuhao.com
console.log(age); // 22
console.log(job); // f(){...}
job(); // 程序开发
上一篇:ES6新特性_常量声明const
下一篇:ES6新特性_模板字符串
The Posts
- Markdown与html互转markdown.js_showdown.js_marked.js_turndown.jsApr 5, 2022
- ES9_rest参数与es9_spread扩展运算符Mar 23, 2022
- ES6新特性_模块化(module)Mar 17, 2022
- ES6新特性_number数值扩展与object对象方法扩展Mar 16, 2022
- Angular12中使用wow.js页面滚动动画效果Mar 15, 2022
- ES6新特性_class类声明继承constructor,super,static,set,get详细介绍Mar 12, 2022
- ES6新特性_Map用法和使用场景size,get,set,has,clear,deleteMar 12, 2022
- ES6新特性_集合(set)Mar 10, 2022
- ES6新特性_Promise介绍与基本使用Mar 10, 2022
- ES6新特性_生成器函数Mar 9, 2022
- ES6新特性_迭代器Mar 9, 2022
- ES6新特性_Symbol基本使用Mar 9, 2022
- ES6新特性_扩展运算符Mar 9, 2022
- ES6新特性_rest参数Mar 8, 2022
- ES6新特性_函数参数的默认值Mar 8, 2022
- ES6新特性_箭头函数Mar 8, 2022
- ES6新特性_简化对象的写法Mar 8, 2022
- ES6新特性_模板字符串Mar 8, 2022
- ES6新特性_变量的解构赋值Mar 8, 2022
- ES6新特性_常量声明constMar 8, 2022